UNCONFIRMED 71183
Incremental layout issue when box-sizing and positioning are used 
https://bugs.webkit.org/show_bug.cgi?id=71183
Summary Incremental layout issue when box-sizing and positioning are used
Lea Verou
Reported 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.
Attachments
Add attachment proposed patch, testcase, etc.
Alex Johnson
Comment 1 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.) Example: http://jsfiddle.net/nonsensery/yjh7V/
Ahmad Saleem
Comment 2 2024-11-29 22:40:24 PST
Test case (from URL) - https://jsbin.com/aqadoz/4/edit?html,output *** Safari Technology Preview 208 *** Original hover works on second div now. New problem: (with JS) div has same size and others (when hovered on second). *** Chrome Canary 134 *** (With JS) now have different default size (pre-hover). *** Firefox Nightly 135 *** Matches Safari.
Note You need to log in before you can comment on or make changes to this bug.