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

Status : 

  Won't Fix<br /><br />
		Due to several factors the product team decided to focus its efforts on other items.<br /><br />
		A more detailed explanation for the resolution of this particular item may have been provided in the comments section.

ID 790265 Comments
Status Closed Workarounds
Type Bug Repros 1
Opened 6/16/2013 7:37:33 AM
Access Restriction Public


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:
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