Bug 210656 - REGRESSION (?): Safari incorrectly positions elements that have a CSS combination of display:grid and position:sticky
Summary: REGRESSION (?): Safari incorrectly positions elements that have a CSS combina...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 13
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-04-17 08:31 PDT by mohannad
Modified: 2021-10-04 11:55 PDT (History)
6 users (show)

See Also:

Attachments
HTML page demonstrating issue. (9.52 KB, text/html)
2020-04-17 08:31 PDT, mohannad 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description mohannad 2020-04-17 08:31:37 PDT 
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.
Comment 1 Radar WebKit Bug Importer 2020-04-17 08:32:42 PDT 
<rdar://problem/61936103>
Comment 2 Wesley Warnell 2020-07-21 10:57:38 PDT 
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.
Comment 3 Wesley Warnell 2020-07-21 11:03:13 PDT 
(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.
Comment 4 Martin Robinson 2021-10-04 03:53:03 PDT 
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.
Comment 5 mohannad 2021-10-04 11:55:36 PDT 
Correct, this behavior appears correct in the latest Safari. Thanks!

I am marking this as resolved.