WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
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
Add attachment
proposed patch, testcase, etc.
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.
Top of Page
Format For Printing
XML
Clone This Bug