Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why is selectivizr.js causing "white screen of death" in IE8?

Including selectivizr.js is causing IE8 to not display/render anything at all, but IE8 in IETester manages.

It also downloads everything, I can see that in the activity bar and the DOM inspector. And the links are even there, I see that when moving the cursor around the nav-area. But it doesn't display anything at all.

The only bugfix I've found through a lot of searching is applying zoom: 1; to body, but it doesn't help in my case.

I would appreciate any debugging help I can get. Page preview.

like image 707
Eystein Avatar asked Mar 13 '11 10:03

Eystein


4 Answers

Not a solution per se, but as a workaround, moving the @font-face declaration into the <head> (ie not putting it in a <link>ed stylesheet) seems to resolve this issue in many cases. Seems to be something to do with how selectivizr parses stylesheets with @font-face declarations in them.

Not ideal I know but given that further selectivizr development seems to have stalled (last commit on GH is 1 yr ago as of time of writing) it might be acceptable in some cases.

like image 145
Tom Davies Avatar answered Nov 19 '22 22:11

Tom Davies


If this issue is related to the font-face problem with selectivizr I have created a pull request to fix this issue in our situation, basically it ignores the urls that don't contain '.css'. This fixed our WSOD issue. Its available here:

https://github.com/JohnCashBB/selectivizr

like image 23
JohnC Avatar answered Nov 19 '22 22:11

JohnC


The latest version of selectivizr (1.0.2) fixes this issue (look for WSOD): https://github.com/keithclark/selectivizr/blob/master/changelog.txt .

EDIT: I was still having the issue even after updating to 1.0.2. There's something going on between @font-face and selectivizr, even though it doesn't occur all the time. See http://groups.google.com/group/ie-css3/browse_thread/thread/dcc21706fc009af8?pli=1 .

like image 2
ecstaticpeon Avatar answered Nov 19 '22 21:11

ecstaticpeon


I also have the same problem with IE8, using the latest versions of jQuery and Selectivzr: I did a reverse Enginering eliminating everything else, I've seen is that the problem derives from the font-face rule.

like image 2
Filippo Buratti Avatar answered Nov 19 '22 22:11

Filippo Buratti