BackCompat issue not compatible with others: Page misalignment because the width of nested elements is greater than parent's width

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[Anantha Keesara]

I .Steps:
-----------
1. Go to: http://music.9you.com/news/list/5/1.html

II. Issue:
-----------------
Notice the alignment of the page. The very bottom frame gets displayed somewhere on the beginning of the page

III. Other browsers
--------------------------
FF: not ok
Safari: no ok
IE, Opera: ok

Attached is simplified testcase.

[Anantha Keesara]

Created attachment 16531 [details]
Page misalignment because the width of nested elements is greater than parent's width

[Robert Blaut]

It's very strange. The test case renders differently when it is loaded from saved file on my Desktop and differently when it is loaded directly from Bugzilla. The issue is only visible when it's loaded directly from server. The text case loaded locally renders identlically in Webkit, Minefield and Opera.

[Robert Blaut]

The issue is only visible in quirks mode (BackCompat) in Webkit. In strict mode (CSS1Compat) the test case is rendered identically as in Gecko and Opera. Gecko and Opera doesn't change layout rendering in quirks mode. I think Webkit should follow other browsers in this case.

[Robert Blaut]

Created attachment 19153 [details]
test case in strict mode

[Ahmad Saleem]

Created attachment 460458 [details]
Safari 15.5 matches other browsers

I am unable to reproduce this bug using (non-strict mode test case) in Safari 15.5 on macOS 12.4.

As shown in the attached screenshot, all browsers are rendering the information correctly and as part of expected result, the text is inside red box.

If I am testing this incorrectly then ignore, else can this be marked as "RESOLVED CONFIGURATION CHANGED"? Thanks!