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.
Created attachment 16531 [details] Page misalignment because the width of nested elements is greater than parent's width
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.
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.
Created attachment 19153 [details] test case in strict mode
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!