Bug 269498
| Summary: | Wrong stacking order in subgrid | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | bart |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, karlcow, sgill26, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | Safari 17 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
bart
I have built a carousel to test a particular use case for subgrid I've been sitting on for years.
See it here: http://chrome-subgrid-issue.surge.sh/
To see the expected layout, view the test page in Firefox or recent Chrome.
One of the issues I'm seeing in Safari 17.3 is that the .nav-buttons element ("navigation below slide content") should be rendering above (in z) the elements earlier in DOM order. In other words, it should be visible no matter what the current scroll position of the horizontally scrolling element is. Currently, it's rendering beneath, and so is obscured by the grey background colours of other elements.
(To work around it, give it position: relative.)
Relevant screenshots are attached to sister ticket https://bugs.webkit.org/show_bug.cgi?id=268953
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/123269700>