Virtual IE8 crash on load with respond.js or respond.min.js, even when referenced on localhost

[deborah-ufw]

Hi - I've been struggling with this for hours.

I have bootstrap running on rails with respond.js, and am testing via Mac VirtualBox with the ie8 Windows XP image installed. Here's what I've done to try to resolve crash on load with no success...

• double checked that no style sheets are using @import
• double checked that no @media queries are commented
• installed IIS Express on the virtual image
  • dropped respond.js into the virtual directory and referenced it on localhost
  • tried the same with respond.min.js
  • tried the same with version 1.4.0
  • cleared files and caches on each reload to make sure nothing was cached
  • altered the Virtual XP hosts file to reference mysite.com instead of 10.0.2.2 (getting desperate with this one)

If I remove respond.js, the page loads fine - but of course, without any @media query support. At the moment it appears impossible to test ie8 with respond.js, I'm at a loss and am hoping to avoid removing it, as then I'll have to make special styles for ie8 to replace the @media responsive styles in bootstrap (torture). ???

Deborah

[scottjehl]

Hi Deborah,

Are you able to post a link so that we can take a look?

Thanks

On Nov 27, 2013, at 2:30 PM, Deborah notifications@github.com wrote:

Hi - I've been struggling with this for hours.

I have bootstrap running on rails with respond.js, and am testing via Mac VirtualBox with the ie8 Windows XP image installed. Here's what I've done to try to resolve crash on load with no success...

double checked that no style sheets are using @import
double checked that no @media queries are commented
installed IIS Express on the virtual image -- dropped respond.js into the virtual directory and referenced it on localhost -- tried the same with respond.min.js -- cleared files and caches on each reload to make sure nothing was cached -- altered the Virtual XP hosts file to reference mysite.com instead of 10.0.2.2 (getting desperate with this one)
If I remove respond.js, the page loads fine - but of course, without any @media query support. At the moment it appears impossible to test ie8 with respond.js, I'm at a loss and am hoping to avoid removing it, as then I'll have to make special styles for ie8 to replace the @media responsive styles in bootstrap (torture). ???

Deborah

—
Reply to this email directly or view it on GitHub.

[deborah-ufw]

Hi Scott :]

It works very well on the live site with IE8, just not in the VHD downloaded from http://www.modern.ie/en-us/virtualization-tools#downloads.

In the IE8 VHD, which I'm using with no special customization, IE8 crashes immediately unless respond.js is removed (even when respond.js is referenced from localhost).

What this means at the moment is that I can't test IE8 before pushing live, because it won't work with respond.js on the VHD.

I'm not sure how to get this where you can replicate it (though I'm intensely surprised I seem to be the first to have this issue). The host computer is running Mac OSX Mavericks with VirtualBox for Mac. Would it be worth your time to do a screen share? Or do you have any ideas?

The live site (working fine in IE8 with respond.js) is at http://www.dontusehatespeech.com (Heroku).

Grateful regards, Deborah

[jefflembeck]

Hey Deborah, I'm able to make the live site work within the virtual machine. I'm seeing a few JS errors getting thrown, and wondering if that might be the problem (though, it might not).

I also have tested Respond.js in IE8 on the VM in a few places, local and otherwise. I'm wondering if it's the way it works with other scripts at this point.

Which other scripts are you running with Respond?

[deborah-ufw]

Hi ! You're right, there must be something with the combination of scripts and localhost. I'm using Bootstrap, Isotope, jQuery (but not jQuery UI), Html5, and a js for Twitter. Let me see if I can narrow down where the conflict is and get more information about it.

[heathdutton]

I've noticed there is a big difference in how XP IE8 runs with this script vs Win7 IE8 (or virtualized) runs. In the XP machine, it seems that it can crash IE8 especially if dev tools are open (v. 1.4.2). Both show "Invalid argument" at the following line (minified):

return f.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}