The z-index on the root html element is set to "0" in webkit. This means the html element will always be painted higher in the stacking order than elements with a negative z-index. According to my reading of the CSS 2.1 spec and other browser implementations z-index should default to "auto".
Created attachment 31612 [details] test case
Created attachment 459834 [details] Safari 15.4 matching Chrome and Firefox Unable to reproduce in Safari 15.4 and the result is matching with Chrome Canary 104 and Firefox Nightly 102. Please close this bug. Thanks!
Thank you for checking!