Bug 37171 - :hover CSS rules should change text color but make page reflow incorrectly
Summary: :hover CSS rules should change text color but make page reflow incorrectly
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-04-06 14:35 PDT by Vitaly Burlai
Modified: 2010-04-06 14:38 PDT (History)
1 user (show)

See Also:


Attachments
Example HTML file that causes the bug to appear (1.96 KB, text/html)
2010-04-06 14:35 PDT, Vitaly Burlai
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Vitaly Burlai 2010-04-06 14:35:43 PDT
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
Comment 1 WebKit Review Bot 2010-04-06 14:37:56 PDT
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.
Comment 2 Darin Adler 2010-04-06 14:38:20 PDT
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.