RESOLVED WORKSFORME 153480
CSS Scroll Snap not enforced when you move the cursor between scrollable elements
https://bugs.webkit.org/show_bug.cgi?id=153480
Summary CSS Scroll Snap not enforced when you move the cursor between scrollable elem...
Michał Gołębiowski-Owczarek
Reported 2016-01-26 01:34:53 PST
Please see http://output.jsbin.com/sukerik/2/. The page contains multiple horizontally scrollable divs with CSS scroll snapping enabled. Use a trackpad or the Magic Mouse to scroll right on the first element and then, before the scroll finishes, quickly move the cursor down, passing a few more pictures. The effect is that some containers stop between the pictures even though CSS scroll snap should not allow them to stop at such points. It seems to me that once the cursor moves to another scrollable area, the engine immediately stops scrolling in the previous one without taking into account the needs of CSS scroll snap. I tested it on WebKit Nightly r195574, the latest one. Safari 9.0.3 shares this problem as well. This shouldn't be a problem on mobile when you can't "move the cursor".
Attachments
Martin Robinson
Comment 1 2021-07-07 08:35:46 PDT
Thanks for reporting this. I've fixed the test case and saved it here:https://jsbin.com/paliyakixa/1/edit?html,css,js,output I'm not able to reproduce this bug any longer, so I'm going to close the issue. Feel free to reopen this if it's still a problem.
Note You need to log in before you can comment on or make changes to this bug.