Internet Explorer 9 fade-in effect (admin pages appear blank)

@stevesmename

A suggested temporary work-around would be to note that there are known issues with IE9 browsers utilizing the Fade-In effect; place this underneath the checkbox on the admin settings page. My reasoning is simply to avoid headaches for future site admins utilizing the Ember theme with IE9 admin users.

Good idea. Could you roll a patch for that?

In ie.css can't we just add the following?

.fade-in {
  animation: inherit;
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity = 100);
}

And then in template.php change from lte ie8 to lte ie9

function ember_preprocess_html(&$vars) {
  // Add conditional CSS for IE8 and below.
  drupal_add_css(path_to_theme() . '/css/ie/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 9', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
  // Add conditional CSS for IE7 and below.
  drupal_add_css(path_to_theme() . '/css/ie/ie7.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
  // Add conditional CSS for IE6.
  drupal_add_css(path_to_theme() . '/css/ie/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 6', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
}

@sylus

I'll test that out

I can provide a patch within the hour, just making my theme a base theme of ember so can provide patches here more easily.

Awesome. Thx

Attaching a patch that loads ie.css for IE9 and below and uses the filter logic for opacity in IE to always be 1. Not sure if the best method but seems to work for me.

@sylus

Great, i'll try to test it today.

Whoops bad patch. Here is a good one!

thx

@brantwynn, @zarabadoo

Could one of you test this patch? I have no virtual PC.

Update patch to remove the commenting out of page fade.

Great. thx!

Here's a patch to fix this in ember-1.x (I know I shouldn't be using it anymore, but I like the gray color scheme).

#14 - was this patch moved to some branch?

Reopening this issue because the problem still seems to be happening.

I'm using Ember, 7.x-2.0-alpha2+4-dev, because this seems to be what has been shipped with, and set as the default admin theme in, Drupal Commons 7.x-3.17. The fade-in effect on the theme still seems to be toggled on by default.

In IE9 all the Drupal admin pages (Content, Structure, Appearance etc, etc) all appear to be blank below the navigation bar, exactly as this issue describes.

When viewed in Google Chrome the same pages render fine, and if I use a different browser to switch to a different admin theme (e.g. Seven) then the same pages also render fine.

Once the fade-in effect is toggled off (using a different browser, such as Chrome), then the pages start to render in IE9.

This seems like it should be rated as more than a "Minor" issue; in some corporate environments people are not given the freedom to install multiple browsers, so for anyone who is still compelled to rely on Internet Explorer 9, this would rate as a blocker. They would be unable to see the theme settings pages, and hence unable to disable the fade-in effect.

@alantra - you *can* turn off the fade in effect in the theme settings dialog.

I propose we have this turned off by default or remove it altogether. It doesn't really do what it was intended to do and adds a level of perceived slowness to the overall admin theme.

@brantwynn -- Thanks; since I have access to Chrome I did indeed use that browser to turn off the fade-in effect, after which I could administer my site from IE too.

Turning the effect off by default does sound like it would address the predicament of someone in a corporate environment who is restricted to Internet Explorer only (and who would be unable to disable the effect, because they would be unable to see the settings page while the effect was enabled).