Home Dashboard Directory Help
Search

Combination of filter: and :first-letter{ text-transform: uppercase; } freezes IE8/9 by christopher schirner


Status: 

Closed
 as Won't Fix Help for as Won't Fix


Type: Bug
ID: 790265
Opened: 6/16/2013 7:37:33 AM
Access Restriction: Public
0
Workaround(s)
view
1
User(s) can reproduce this bug

Description

It looks like that the combination of 2 CSS can crash IE8 and 9.

Start with a simple gradient, so IE7/8/9 shows a gradient on our button:

.example {
    width: 100px;
    height: 40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5ed', endColorstr='#e8e5db',GradientType=0 );
}

now we want our first letter appear uppercase:

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

it now looks like the browser is locked in a redraw-loop...

A live demo can be found here:
http://schinken.github.io/experiments/iecrash/
Details
Sign in to post a comment.
Posted by Microsoft on 6/28/2013 at 1:06 PM
Thank you again for your feedback.

We were able to validate your feedback. However, based on the limited impact this bug may have, we will not be able to address this bug during this release.

Your feedback is very important to us, and it helps us improve the quality of Internet Explorer. We continue to welcome more feedback, so please don't hesitate to report other ways that we can improve Internet Explorer.

Best regards,
The Internet Explorer Team
Posted by Microsoft on 6/17/2013 at 1:42 PM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The Internet Explorer Team
Sign in to post a workaround.