NEW230390
Elements with position: sticky inside grid have spaces 
https://bugs.webkit.org/show_bug.cgi?id=230390
Summary Elements with position: sticky inside grid have spaces
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.