Bug 242399
| Summary: | Content is z-ordered incorrectly | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Jeff Muizelaar <jmuizelaar> |
| Component: | Compositing | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, karlcow, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | Safari 15 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | https://software.hixie.ch/utilities/js/live-dom-viewer/?saved=13413 | ||
Jeff Muizelaar
<div style="width:400px; height: 400px; overflow:scroll">
<div style="height:300px; background-color:blue"></div>
<div style="height:300px; background-color:green"></div>
</div>
<div style="width:200px; height:200px; background-color:red; margin-top:-100px"></div>
The red box should be on top of the scrollable area. It is in Chrome and Firefox but not in WebKit.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
This is the "fundamental compositing bug" where the scroller becomes self-painting, so z-orders on top of the following element with negative margin.
Jeff Muizelaar
Are there plans to fix it?
Simon Fraser (smfr)
Our current compositing architecture makes this hard to fix in the short term. In the long term, yes.
Radar WebKit Bug Importer
<rdar://problem/96815353>