[Webkit-unassigned] [Bug 262287] Interrupting scroll momentum causes container to not render

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=262287

tally at canva.com changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |tally at canva.com

--- Comment #2 from tally at canva.com ---
This also happens on macOS (Safari 17.4.1) when using a trackpad, but it's harder to trigger because inertial scroll is usually cancelled when moving the mouse after scrolling.

Here's a tweaked version of @Joffrey's pen with a horizontal-scrolling list with snapping enabled, which maintains scroll inertia while you move the mouse away to click the button:

https://codepen.io/tally-canva/pen/GRapBBa

Note the bug does NOT happen if you call `scrollTo` with `behavior: 'smooth'`.

On Chrome 125, calling `scrollTo` briefly flickers to the given top/left point and then returns to continue the original inertial scroll, effectively ignoring the `scrollTo`. This is not ideal and looks like it's tracked by this Chromium bug: https://issues.chromium.org/issues/40144061

On Firefox 126, calling `scrollTo` stops the inertial scroll and immediately scrolls to the given top/left point.

I've attached videos of the behaviour in Safari with and without smooth scrolling, and Chrome and Firefox.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240516/a9b8d69b/attachment-0001.htm>