CSS [data-icon]:before selector brings IE8 to crash

[kahl-dev]

We use the following method to implement icons:

http://css-tricks.com/html-for-icon-font-usage/

But the respond.js is crashing with this CSS selector.

[Wilto]

This is an odd one. Any chance you could put together a reduced test case demonstrating the issue, so we can try to track it down? We need a few more details to go on.

[kahl-dev]

I have no chance for detailed debugging because when i write the selector in the stylesheet the IE8 brokes directly.

[Wilto]

What we need is the most reduced possible example of your code where you’re able to reproduce the same issue, else we have nothing to debug. So, a version of your codebase where you remove anything that isn’t required to reproduce the issue. In this way we can see whether there other factors in your codebase may be part of the issue—or causing it—and gives us a way of reproducing the issue in order to find a solution. Otherwise we’d spend more time attempting to recreate everyone’s issues than fixing them, yeah?

As a first step, you might want to see whether an otherwise-empty html file that only references respond.js and a single stylesheet containing the troublesome selector still exhibits the issue. http://jsfiddle.net/ and http://jsbin.com/ are both great platforms for putting together easy-to-share test cases, which are a common requirement for reporting issues on larger open source projects.

At the absolute least, we need more information about the circumstances where you’re seeing the issue: what’s the selector? Is the browser itself crashing? Which browsers are effected? Is there a public link where we can see this bug exhibited?