We have noticed that forms no longer load in IE9.
URL: http://redbull.magnuminteractive.com/
I've pulled all CSS, JS and plugins as well as swapping back to the default theme and this issue is consistently the same. Only IE9 won't render the form.
The form is being loading with the template.
Urgent help will be appreciated.
Even tried placing the following in the head thinking it would help but did not.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
I've traced the issue to the following
<div class="gf_browser_ie gf_browser_ie9 gform_wrapper" id="gform_wrapper_1" style="display: none;">
There is an INLINE style of DISPLAY:NONE being outputted...but only outputted if I am using IE9.
Where does this come from?
For those who want a quick fix to this issue use
.gf_browser_ie.gf_browser_ie9.gform_wrapper {display: block!important}
However I am still looking to GFrom as to where the inline style is being written from...seems like a IE9 bug that crept in with the latest update.
Usually when a form does not display, it's due to a plugin or theme conflict, or due to jQuery version incompatibility, or jQuery being minimized, loaded in the footer, something like that.
Since you have this working now, when I went to test in IE9, I did not see the problem: I just see the form. If you'd like us to troubleshoot, please embed the form in a new test page and we'll take a look for you.
The browser class is being added in common.php, line 4250:
[php]
./common.php:4250: $classes[] = 'gf_browser_ie9';But that is correct and should be there. You need to determine why when that body class is correct your form does not display in IE9.
Thanks, yes I added a display:block to resolve the issue. This appeared with the latest update but I'm pretty sure I tested IE9 prior to launching this campaign for Red Bull ;). Nothing has changed since launch on the site other than the latest GF update which we performed last week.
It's also not the browser class. There was an inline style (display:none) written in to the <DIV> wrapper that only occured in IE9. Testing across all other versions we can confirm that this happens only with IE9. See below, looking at the Gform code in IE9 you will still see the inline style there, however the CSS we've added to our style.css overrides the issue so we're fine.
<div class="gf_browser_ie gf_browser_ie9 gform_wrapper" id="gform_wrapper_1" style="display: none;">
Just curious about this, could be a plugin like you said but odd that it just occurred with last GF update.
We won't be able to check for the problem unless you remove this display:block. Maybe you can add the form to a test page and send us the link to that page, without the display:block added.
There is a lot of browser specific code that is added. The browser class is just one of those things. It allows us to add browser specific CSS.