Bug 37171 – :hover CSS rules should change text color but make page reflow incorrectly

• Component: New Bugs
• Status: UNCONFIRMED

[Vitaly Burlai]

Created attachment 52667 [details]
Example HTML file that causes the bug to appear

Check out the file attached.
Two CSS rules in it have ":hover" in selectors. They only change the 'color' attribute and are fired on mouse move.
But page reflows incorrectly when CSS rule(s) are triggered:

At the page load the last list item is situated right below the image starting with a new line,
 but once the CSS rule is triggered (when you move mouse over the image) it reflows to incorrect position at the right of the image.


Steps to Reproduce:
Load the attached page in Webkit-powered browser like Chrome or Safari (please keep your mouse over the address bar or any other place away from the page elements) and then move your mouse over the image. 

Tested on the lastest browsers versions (06 April 2010):
  WebKit nightly (Mac) v 4.0.5 (6531.22.7, r57135)
  Safari (Mac) v 4.0.5 (6531.22.7)
  Chrome (Mac) v 5.0.342.7 beta
  Chrome (Win) v 4.1.249.1045 (42898)


P.S. This example of the HTML markup was generated by Atlassian Confluence wiki
P.S. CSS rules are also applied incorrectly since neither class="some-non-existent-class" nor class="some-another-non-existent-class" exists.
P.S. The page can become stable if we replace <span> tag with the <div> tag

[WebKit Review Bot]

Attachment 52667 [details] did not pass style-queue:

Failed to run "WebKitTools/Scripts/check-webkit-style" exit_code: 1
Total errors found: 0 in 0 files


If any of these errors are false positives, please file a bug against check-webkit-style.

[Darin Adler]

Comment on attachment 52667 [details]
Example HTML file that causes the bug to appear

This is a test case, not a patch. Clearing patch-related flags.