Bug 230390

Summary: Elements with position: sticky inside grid have spaces
Product: WebKit Reporter: kovalev.mine
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: mrobinson, rego, simon.fraser, webkit-bug-importer, zalan, zsun
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: iPhone / iPad   
OS: Unspecified   
Attachments:
Description Flags
Test case for this issue none

kovalev.mine
Reported 2021-09-17 00:09:07 PDT
Here you can see the problem https://jsfiddle.net/1c7La89w/22/ On some scales (sometimes it happens in 100% scale too) elements with position: sticky create spaces. It occurs without display: grid, but we fixed this problem locally using crutch. We put margin-top: -1px, paddin-top: 1px and top: (needed top - 1px). It works fine for simple blocks. But with display: grid we have horizontal and vertical spaces, witch can't be fixed with our crutch as you can see in jsfiddle
Attachments
Test case for this issue (1.53 KB, text/html)
2021-09-20 00:56 PDT, Martin Robinson 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Martin Robinson
Comment 1 2021-09-20 00:56:10 PDT
Created attachment 438644 [details] Test case for this issue
Radar WebKit Bug Importer
Comment 2 2021-09-24 00:10:18 PDT
<rdar://problem/83483124>
Martin Robinson
Comment 3 2021-10-04 01:22:34 PDT
I am seeing some cracks (I assume they are between layers) in Chrome, but not in Safari. Can you confirm that you are seeing this issue in Safari?
Note You need to log in before you can comment on or make changes to this bug.