RESOLVED CONFIGURATION CHANGED 234500
The element with the position: sticky in the scroll container shakes and jumps and forms gaps
https://bugs.webkit.org/show_bug.cgi?id=234500
Summary The element with the position: sticky in the scroll container shakes and jump...
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
Gap (18.15 KB, image/png)
2021-12-19 20:37 PST, p_stas1997
no flags
TestCase (215.96 KB, video/mp4)
2021-12-19 20:41 PST, p_stas1997
no flags
p_stas1997
Comment 1 2021-12-19 20:37:10 PST
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
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.