[webkit-reviews] review requested: [Bug 37171] :hover CSS rules should change text color but make page reflow incorrectly : [Attachment 52667] Example HTML file that causes the bug to appear

[bugzilla-daemon at webkit.org]

Vitaly Burlai <vitaly.burlai at gmail.com> has asked  for review:
Bug 37171: :hover CSS rules should change text color but make page reflow
incorrectly
https://bugs.webkit.org/show_bug.cgi?id=37171

Attachment 52667: Example HTML file that causes the bug to appear
https://bugs.webkit.org/attachment.cgi?id=52667&action=review

------- Additional Comments from Vitaly Burlai <vitaly.burlai at gmail.com>
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