RESOLVED WONTFIX 51705
Adding padding causes div to have incorrect width until reflow 
https://bugs.webkit.org/show_bug.cgi?id=51705
Summary Adding padding causes div to have incorrect width until reflow
Ezra
Reported 2010-12-29 07:21:12 PST
Adding padding causes div to have incorrect width until reflow When dynamically adding padding to a block level element, nested inside a block level element with a defined width, the inside does not recalculate it’s width until a reflow is triggered. Steps to Reproduce 1) View the attachment 2) Click the link “Click me” Actual Result Padding is added to #padding, causing #inner to move to the right. The width of #inner is not recalculated causing it to extend past the edge of #padding. The correct width can be recalculated in a few ways including switching to another browser tab and back, or hovering over #inside (this will give it 10px padding). Expected Result Padding should be added to #padding, causing #inner to move to the right. The width of #inner should be recalculated so it has an equal padding on the right.
Attachments
Sample markup of Adding Padding Bug (599 bytes, text/html)
2010-12-29 07:22 PST, Ezra 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ezra
Comment 1 2010-12-29 07:22:14 PST
Created attachment 77617 [details] Sample markup of Adding Padding Bug
Ahmad Saleem
Comment 2 2023-01-12 04:58:59 PST
I am not able to reproduce this bug in Safari Technology Preview 160 and it is matching with other browsers while following steps from Comment 0 and using attached testcase in Chrome Canary 111 and Firefox Nightly 110. Marking this as "RESOLVED WONTFIX" since it was never confirmed and now all browsers are working same. Thanks!
Note You need to log in before you can comment on or make changes to this bug.