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

[Alan Chan (JIRA)]

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


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