Bug 153480
| Summary: | CSS Scroll Snap not enforced when you move the cursor between scrollable elements | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Michał Gołębiowski-Owczarek <m.goleb+bugzilla> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Normal | CC: | mrobinson |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | Mac | ||
| OS: | OS X 10.11 | ||
Michał Gołębiowski-Owczarek
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
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.