230390 2021-09-17 00:09:07 -0700 Elements with position: sticky inside grid have spaces 2021-10-04 01:22:34 -0700 1 1 1 Unclassified WebKit CSS Safari 14 iPhone / iPad Unspecified NEW InRadar P2 Normal --- 1 kovalev.mine webkit-unassigned mrobinson rego simon.fraser webkit-bug-importer zalan zsun oldest_to_newest 1794359 0 kovalev.mine 2021-09-17 00:09:07 -0700 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 1794991 1 438644 mrobinson 2021-09-20 00:56:10 -0700 Created attachment 438644 Test case for this issue 1796799 2 webkit-bug-importer 2021-09-24 00:10:18 -0700 <rdar://problem/83483124> 1799989 3 mrobinson 2021-10-04 01:22:34 -0700 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? 438644 2021-09-20 00:56:10 -0700 2021-09-20 00:56:10 -0700 Test case for this issue testcase.html text/html 1570 mrobinson PHN0eWxlPgouY29udGFpbmVyIHsKICBoZWlnaHQ6IDIwMHB4OwogIHdpZHRoOiAxMDAlOwogIG92 ZXJmbG93OiBzY3JvbGw7Cn0KCi5zY3JvbGxDb250YWluZXIgewogIHdpZHRoOiAxMDAlOwogIGhl aWdodDogMjAwMHB4OwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoKLmdyaWRDb250YWluZXIgewog IGRpc3BsYXk6IGdyaWQ7CiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjsKICBn cmlkLXRlbXBsYXRlLXJvd3M6IDFmciAxZnIgMWZyOwogIGdhcDogMHB4IDBweDsKICBncmlkLWF1 dG8tZmxvdzogcm93OwogIGhlaWdodDogMjAwMHB4Owp9CgouZ3JpZEl0ZW0gewogIGhlaWdodDog MjBweDsKICBwb3NpdGlvbjogc3RpY2t5Owp9Cgouc3RpY2t5Q29udGVudCB7CiAgaGVpZ2h0OiAy MHB4OwogIGJhY2tncm91bmQ6IHJlZDsKfQoKLnRlc3QgeyBncmlkLWFyZWE6IDEgLyAxIC8gMiAv IDQ7CiAgdG9wOiAtMXB4Owp9CgoudGVzdDIgeyBncmlkLWFyZWE6IDIgLyAxIC8gMyAvIDQ7CnRv cDogLTFweDsKICB9CgoudGVzdDEgeyBncmlkLWFyZWE6IDEgLyAxIC8gMiAvIDI7CnRvcDogLTFw eDsKICB9CgoudGVzdDIxMjMxMjMgeyBncmlkLWFyZWE6IDIgLyAxIC8gMyAvIDI7CnRvcDogMTlw eDsKCi50ZXN0MTIzIHsgZ3JpZC1hcmVhOiAxIC8gMiAvIDIgLyAzOwp0b3A6IC0xcHg7CgoudGVz dDEyMzEyMyB7IGdyaWQtYXJlYTogMSAvIDMgLyAyIC8gNDsKdG9wOiAtMXB4OwoKLnRlc3RzZXQg eyBncmlkLWFyZWE6IDIgLyAyIC8gMyAvIDM7CnRvcDogMTlweDsKCi50ZXN0c2V0c2UgeyBncmlk LWFyZWE6IDIgLyAzIC8gMyAvIDQ7CnRvcDogMTlweDsKfQoKCjwvc3R5bGU+CjxkaXYgY2xhc3M9 ImNvbnRhaW5lciI+CiAgPGRpdiBjbGFzcz0ic2Nyb2xsQ29udGFpbmVyIj4KPGRpdiBjbGFzcz0i Z3JpZENvbnRhaW5lciI+CiAgPGRpdiBjbGFzcz0idGVzdCBncmlkSXRlbSI+CiAgICA8ZGl2IGNs YXNzPSJzdGlja3lDb250ZW50Ij48L2Rpdj4KICA8L2Rpdj4KICA8ZGl2IGNsYXNzPSJ0ZXN0MiBn cmlkSXRlbSI+CiAgICA8ZGl2IGNsYXNzPSJzdGlja3lDb250ZW50Ij48L2Rpdj48L2Rpdj4KICA8 ZGl2IGNsYXNzPSJ0ZXN0MSBncmlkSXRlbSI+CiAgICA8ZGl2IGNsYXNzPSJzdGlja3lDb250ZW50 Ij48L2Rpdj48L2Rpdj4KICA8ZGl2IGNsYXNzPSJ0ZXN0MjEyMzEyMyBncmlkSXRlbSI+CiAgICA8 ZGl2IGNsYXNzPSJzdGlja3lDb250ZW50Ij48L2Rpdj48L2Rpdj4KICA8ZGl2IGNsYXNzPSJ0ZXN0 MTIzIGdyaWRJdGVtIj4KICAgIDxkaXYgY2xhc3M9InN0aWNreUNvbnRlbnQiPjwvZGl2PjwvZGl2 PgogIDxkaXYgY2xhc3M9InRlc3QxMjMxMjMgZ3JpZEl0ZW0iPgogICAgPGRpdiBjbGFzcz0ic3Rp Y2t5Q29udGVudCI+PC9kaXY+PC9kaXY+CiAgPGRpdiBjbGFzcz0idGVzdHNldCBncmlkSXRlbSI+ CiAgICA8ZGl2IGNsYXNzPSJzdGlja3lDb250ZW50Ij48L2Rpdj48L2Rpdj4KICA8ZGl2IGNsYXNz PSJ0ZXN0c2V0c2UgZ3JpZEl0ZW0iPgogICAgPGRpdiBjbGFzcz0ic3RpY2t5Q29udGVudCI+PC9k aXY+PC9kaXY+CjwvZGl2Pgo8L2Rpdj4KPC9kaXY+Cg==