181048 2017-12-20 11:05:52 -0800 Background image with background-attachment: local inside -webkit-overflow-scrolling: touch fails to display until viewport zoom 2022-01-07 09:46:15 -0800 1 1 1 Unclassified WebKit CSS Safari 11 iPhone / iPad iOS 11 NEW https://bugs.webkit.org/show_bug.cgi?id=219324 InRadar P2 Normal --- 1 anton.andreasson webkit-unassigned bramus jond me simon.fraser webkit-bug-importer zalan oldest_to_newest 1383747 0 anton.andreasson 2017-12-20 11:05:52 -0800 Example url: https://tickster.github.io/styleguide/#cropped When horizontal scrolling in the "cropped" element there, the shadow to the right should disappear when you reach the end. Likewise, a shadow on the left side should appear as you start scrolling. This only works if pinching in and out. It also works as intended in the Firefox, the new version. 1383749 1 simon.fraser 2017-12-20 11:14:00 -0800 What Safari version are you testing it? It works OK for me in Safari Tech Preview 45. 1383752 2 anton.andreasson 2017-12-20 11:18:42 -0800 I'm on iOS 11, maybe I forgot to say(?) 1383764 3 simon.fraser 2017-12-20 11:33:27 -0800 Ah, I see. This is more about -webkit-overflow-scrolling: touch. 1383765 4 webkit-bug-importer 2017-12-20 11:34:06 -0800 <rdar://problem/36160662> 1399456 5 anton.andreasson 2018-02-15 07:46:18 -0800 Just wanted to add that the url above has changed. New url: https://tickster.github.io/styleguide/components.html#cropped 1573244 6 me 2019-09-23 00:20:44 -0700 I've discovered that updating a CSS variable on a -webkit-overflow-scrolling: touch element when it’s scrolled causes it to repaint correctly. I use React hooks, but here is a vanilla example: if (CSS.supports('-webkit-overflow-scrolling: touch')) { const scroller = document.getElementById('scroller') scroller.addEventListener('scroll', () => { scroller.style.setProperty('--force-paint', Date.now()) }) } This is a very inconvenient bug! 1801338 7 bramus 2021-10-06 14:07:34 -0700 The workaround listed in #c6 no longer seems to work on iOS15. Before iOS15, attaching a dummy animation to the scroller also worked (see https://brm.us/scroll-shadows#note-mobilesafari for details). This is no longer the case. 1828944 8 simon.fraser 2022-01-07 09:46:15 -0800 Probably fixed by bug 219324.