Bug 234500

Summary: The element with the position: sticky in the scroll container shakes and jumps and forms gaps
Product: WebKit Reporter: p_stas1997
Component: ScrollingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Major CC: johannes.odland, johannes.odland, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: iPhone / iPad   
OS: iOS 15   
Attachments:
Description Flags
TestCase
none
Gap
none
TestCase none

p_stas1997
Reported 2021-12-19 20:36:38 PST
Created attachment 447573 [details] TestCase The element with the position: sticky in the scroll container shakes and jumps and forms gaps Paste the code on your server and see. Unfortunately codepen shows a site with scale, so you can't repeat this case there. I use box-shadow: 0 -1px 0 0 white to layer sticky elements on top of each other. But that doesn't work in this case.
Attachments
TestCase (2.36 MB, video/mp4)
2021-12-19 20:36 PST, p_stas1997 		no flags
Details
Gap (18.15 KB, image/png)
2021-12-19 20:37 PST, p_stas1997 		no flags
Details
TestCase (215.96 KB, video/mp4)
2021-12-19 20:41 PST, p_stas1997 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
p_stas1997
Comment 1 2021-12-19 20:37:10 PST
Created attachment 447574 [details] Gap
p_stas1997
Comment 2 2021-12-19 20:41:38 PST
Created attachment 447576 [details] TestCase Add video
Radar WebKit Bug Importer
Comment 3 2021-12-20 11:44:29 PST
<rdar://problem/86733870>
Simon Fraser (smfr)
Comment 4 2022-01-24 17:06:34 PST
Can you link to the HTML test case please
p_stas1997
Comment 5 2022-02-09 20:10:03 PST
(In reply to Simon Fraser (smfr) from comment #4) > Можете ли вы дать ссылку на тестовый пример HTML, пожалуйста https://codesandbox.io/s/relaxed-star-ywx9w?file=/index.html
Johannes Odland
Comment 6 2022-10-16 03:57:03 PDT
I've encountered "shaking" sticky elements more since iOS 16. Putting `transform: translateZ(0);` on a parent seems to solve the problem for me, but it should not be necessary.
Simon Fraser (smfr)
Comment 7 2025-06-18 17:47:57 PDT
Please test in the iOS 26 beta and let me know if it's improved.
Johannes Odland
Comment 8 2025-06-18 23:31:46 PDT
I have tested the components where we had this issue, and I can no longer reproduce it.
Simon Fraser (smfr)
Comment 9 2025-06-23 09:42:30 PDT
Thank you for testing!
Note You need to log in before you can comment on or make changes to this bug.