10

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.

Bo Persson
  • 90,663
  • 31
  • 146
  • 203
Eystein
  • 696
  • 1
  • 8
  • 19

5 Answers5

6

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.

Tom Davies
  • 1,860
  • 3
  • 16
  • 18
3

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

JohnC
  • 1,377
  • 11
  • 33
  • 1
    I've also added the option to place a data attribute on a tag to specify that the stylesheet be ignored as a fall back – JohnC Feb 14 '13 at 14:54
2

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 .

ecstaticpeon
  • 568
  • 4
  • 7
2

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.

Filippo Buratti
  • 21
  • 1
1

It sure looks to me as if you've got code on the page referencing "jQuery" before the jQuery library is actually loaded. Your sample page gets an "Object expected" error from the first line of code that references the library (right in your "about" page).

The code appears to be setting up a "click" handler for a submit button.

Other than that, however, the preview page renders in IE8 and there's no "white screen of death."

edit — works fine (other than the "Object expected" error, and the related "submit" button of course) in IE7 too.

Pointy
  • 405,095
  • 59
  • 585
  • 614
  • Thanks. I've moved the referring code to after jQuery loads, which somehow causes it *not* to load. And because it doesn't load IE8 now renders the page. Looks like selectivizr isn't finding an element. I get Line:5, Char:4214, Error: 'getElementById(…)' is null or not an object, Code: 0. I'm on WindowsXP in WMWare on a Mac by the way. – Eystein Mar 13 '11 at 12:25
  • 1
    @Eystein it might help if you tried your page with the "selectivizr-development" version of the library so that you can see more clearly what the error means. – Pointy Mar 13 '11 at 12:28