[richfaces-issues] [JBoss JIRA] Updated: (RF-9416) Slow css :hover behavior on IE7 with large datatable

[Alan Chan (JIRA)]

     [ https://jira.jboss.org/browse/RF-9416?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Alan Chan updated RF-9416:
--------------------------

    Attachment: ie_hover_css_slow_sample.zip


> Slow css :hover behavior on IE7 with large datatable
> ----------------------------------------------------
>
>                 Key: RF-9416
>                 URL: https://jira.jboss.org/browse/RF-9416
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>    Affects Versions: 3.3.2.SR1
>         Environment: Windows XP. IE 7. Apache MyFaces JSF 1.2.8. Facelets. Richfaces 3.3.2.SR1
>            Reporter: Alan Chan
>         Attachments: ie_hover_css_slow_sample.zip
>
>
> Slow browser response when scrolling a large table with about 300 rows on IE7. It is because there is a :hover css class defined on a non-anchor (<a>) element. Removed it solved the problem. No problem for FF and Chrome.
> e.g. in the attached sample html, the below class will make the page scrolling very slow, even no DOM element applied this class.
> <style type="text/css">
> .foo.bar:hover {
> 		BACKGROUND-COLOR: #0000FF
> 	}
> </style>
> Searched the css in RF 3.3.2.SR1, below class caused the problem:
> .rich-list-shuttle-button-selection:hover
> .rich-link:hover
> Reference:
> http://west-wind.com/weblog/posts/354547.aspx

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira