| Summary: | REGRESSION (?): Safari incorrectly positions elements that have a CSS combination of display:grid and position:sticky | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | mohannad | ||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED FIXED | ||||||
| Severity: | Normal | CC: | bfulgham, mrobinson, simon.fraser, warnellw, webkit-bug-importer, zalan | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 13 | ||||||
| Hardware: | Unspecified | ||||||
| OS: | Unspecified | ||||||
| Attachments: |
|
||||||
Ran into this bug today (July 21, 2020) and can confirm it is still an issue on MacOS 10.15.5 and Safari 13.1.1. (In reply to Wesley Warnell from comment #2) > Ran into this bug today (July 21, 2020) and can confirm it is still an issue > on MacOS 10.15.5 and Safari 13.1.1. It also an issue in the latest Safari Technology Preview Release 110 (Safari 14.0, WebKit 15610.1.21.0.2) on MacOS 10.15.5. I am not seeing this issue in Safari 14 or 15. Can you confirm it's still an issue for you? There have been quite a few recent position:sticky improvements. Correct, this behavior appears correct in the latest Safari. Thanks! I am marking this as resolved. |
Created attachment 396767 [details] HTML page demonstrating issue. Safari incorrectly positions sticky elements that have a CSS combination of display:grid and position:sticky - This used to work just fine in prior releases. - Please see attached HTML page. The blue box (position: sticky) should stay in the same position when scrolling vertically but once the height of the view port has been reached, the box starts moving up like a regular element.