Bug 51705 – Adding padding causes div to have incorrect width until reflow

• Component: Layout and Rendering
• Status: RESOLVED WONTFIX

[Ezra]

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.

[Ezra]

Created attachment 77617 [details]
Sample markup of Adding Padding Bug

[Ahmad Saleem]

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!