Benutzer:Schinken/CSS-IE-Crash

DEMO

A demo can be found here: http://schinken.github.io/experiments/iecrash/crash.html

IE 8/9 crashes with simple css

A combination of a filter-gradient and text-transform specified on a :filter-letter pseudo selector crashes the IE8/9 reproducable

.trwurst {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5ed', endColorstr='#e8e5db',GradientType=0);
}

.trwurst:first-letter {
   text-transform: uppercase;
}

applied on a simple html element:

   <div class="trwurst">hi</div>

causes Internet Explorer 8/9 to crash

Explanation

I can only guess here. I think it's kind of a redraw loop. The gradient gets drawn, the first letter uppercased, which invalidates the background... etc.

Bug has also been filed here: https://connect.microsoft.com/IE/feedback/details/790265/combination-of-filter-and-first-letter-text-transform-uppercase-freezes-ie8-9

About me

If you're interested what I do except crashing Internet Explorers, visit my Userpage or my github account