Bug 22090 – hixie test : Stacking order and overflow fails

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[jasneet]

I Steps:
Go to http://www.hixie.ch/tests/adhoc/css/overflow/002.html

II Issue:
Stacking order and overflow fails. Correct behavior seen in FF3/Opera, in webkit the block is red instead of green and label A is missing for first block; scroll bar also not seen

III Other Browsers:
IE7: partially ok
FF3: ok

IV Nightly tested: 37819

[jonjohnjohnson]

Attached case seems to be passing as of Safari 12.0.2 on macOS 10.12.6

[jonjohnjohnson]

Created attachment 357724 [details]
altered hixie case to create overflow in 'overflow:scroll' container which shows bug still alive and well

Adding this line of css...

.scroll::after { content: ''; display: block; height: calc(100% + 1px); }

Forces scrollable content, making test case fail, like it does in blink, which fails regardless of scrollability.

Webkit must have at least fixed not scrollable but styled as overflow:scroll previously.

[Ahmad Saleem]

I am able to reproduce this bug using attached test case using Safari 15.6 on macOS 12.5 and it shows "Red" boxes while only one showing "white text" and both with scrollbar. While in other browsers (Firefox Nightly 105 and Chrome Canary 106), I don't see any red box or scrollbar and both have white text in green background to show that it is as passed test case.

I am changing status to "New". Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/98331050>

[Ahmad Saleem]

Unable to reproduce this in Safari 16 and Safari Technical Preview 155, now it is matching with Chrome Canary 108 and Firefox Nightly 107 and does not have any red box.

Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks!