Search

Table row tr:hover CSS is applied extremely slowly under certain conditions in IE by steve_webdev

Active

9
Sign in to vote
0
Sign in to vote
Sign in
 to vote
Type: Bug
ID: 391387
Opened: 1/7/2009 2:04:40 PM
Access Restriction: Public
1
Workaround(s)
2
User(s) can reproduce this bug
The styles in a CSS tr:hover style declarations are applied very slowly or skipped under certain conditions.

I'm building a test case, but the most obvious factor I can figure out is that in a table full of data, that contains hyperlinks, which in turn have a :hover style set.

Since this scenario is QUITE common the lack of performance is quite noticeable.
Details (expand)

Please verify that this issue occurs in Internet Explorer 8 RTW. Click here for more information.

1. What seems to be the problem? Click here for more information.
There is a loss of functionality or poor functionality within Internet Explorer.

2. What area did the issue occur in? Click here for more information.
----CSS and HTML

3. What language of your browser's frame? Click here for more information.
English

3a. What is your language preference order? Click here for more information.
english
 

Please try to reproduce this issue in No Add-ons mode and answer the following 2 questions. You can find the No Add-ons shortcut under All Programs > Accessories > System Tools > Internet Explorer (No Add-ons).  Click here for more information.


4.  What was the result of the issue after trying it in No Add-ons mode?
The issue reproduces in No Add-ons mode

5. If running in No Add-ons mode solves your issue, what kind of Add-ons are you using?
 

5a. If Other, then please list the add-on:
 


6. How often does this happen? Click here for more information.
Sometimes Happens

7. What Operating System are you running? Click here for more information.
Windows XP SP3

8. Have you ever seen this problem before in Internet Explorer? Click here for more information.
I don't know if this issue existed previously

9. Where does this occur?  Click here for more information.
IE8: Default Mode

9a. Please provide the URL of the internet application being used.
 


10. Please list the reproduction steps. Click here for more information.
1.) In IE8 Standards mode.
2.) Load a table with 15-30 rows
3.) Add a CSS background or other noticeable style change on tr:hover

(this step/conditions are a bit hard to verify)
4.) In one or more columns, add a hyperlink to each row
5.) Add a CSS background or other noticeable style change on a:hover

6.) Load the page in IE8 (and or IE7) and mouseover the column of links fairly quickly.

7.) Note that it looks and behaves just fine in IE7, Firefox 2/3, Chrome, Safari, etc. and EVEN IE8 in compatibility mode.

8.) Load it in IE8 in full standards mode and notice that the performance is about half as good as any other browsers.

11. What are the expected results? Click here for more information.
Better performance in standards mode

12. What are the actual results? Click here for more information.
Poor performance
File Attachments
1 attachments
IE8Bug_391387.zip
Sign in to post a comment.
Posted by Microsoft on 1/14/2009 at 3:40 PM
Thanks for providing this feedback,

Can you provide a sample page to reproduce the problem?

Best regards,
The IE Team
Posted by steve_webdev on 1/17/2009 at 1:14 PM
Added a test case - it doesn't show the worst scenarios but it certainly shows that IE is slower than any other browser when dealing with the CSS hover event in tables.
Posted by Microsoft on 1/23/2009 at 2:51 PM
Thank you for this feedback.

At this time we do not plan on fixing this issue in the IE8 time frame. We appreciate the report, but unfortunately we are at a stage where need to choose what we work on to maximize the value for customers and web developers.

We will track the issue and hope to address it in a future version of IE.

Best Regards,

The IE Team
Posted by steve_webdev on 1/26/2009 at 1:50 PM
STILL FAILS in RC1 .18372 (just for tracking purposes)
© 2010 Microsoft Corporation. All rights reserved. Microsoft Connect Terms of Use | Trademarks | Privacy Statement