Bug 71183 - Incremental layout issue when box-sizing and positioning are used
Summary: Incremental layout issue when box-sizing and positioning are used
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://jsbin.com/aqadoz/4/
Depends on:
Reported: 2011-10-29 17:36 PDT by Lea Verou
Modified: 2012-07-05 10:51 PDT (History)
2 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Lea Verou 2011-10-29 17:36:02 PDT
Hover over the 2nd box in the testcase. You will notice that the positioned pseudo-element does not move, even though it should, according to the first and third divs (which have the exact same styling as the 2nd one when hovered).

Testcase works fine in other browsers.

The bug is also present in Webkit nightlies, and I tested in both OSX and Windows.
Comment 1 Alex Johnson 2012-07-05 10:51:49 PDT
I'm seeing the same issue when border-box-sizing is used: child element position does not update when the width of the parent element's border changes. (No pseudo-elements involved.)