New issue
Advanced search Search tips

Issue 911818 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

[css-scroll-snap] tab index between edges of scrolling contexts can keep scroll-snap from finishing "snap animation", freezing it between points.

Reported by h...@jonjohnjohnson.com, Dec 4

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3630.0 Safari/537.36

Steps to reproduce the problem:
1. Go to test case -> https://bug-192344-attachments.webkit.org/attachment.cgi?id=356442
2. Click anywhere on pink background, now you are focused in a vertical scroll container, which sits alongside 3 others horizontally.
3. Press the tab key twice, moving you to the 3rd out of the 4 total scroll snapped "pages" of vertical scrollers.
4. In quick succession, press the tab key twice more, the browser will attempt to scroll snap to the last "page" for the first of these two key presses as well as move the tab index out of this horizontal snapping scroller and onto the parent vertical scroller which moves content below the screen up into view.
5. Notice that in between the last two tab presses, the last scroll snap destination is inhibited from being reached.

The test case isn't all that simple, but is straightforward at exposing the bug.

What is the expected behavior?
When tabbing between focusable elements in different scroll contexts, if one is a "snapport" it should allow the resolution of the last snap position/destination and not freeze, even while tabbing to the next context.

What went wrong?
Freezing of snapport between scroll snap positions?

Did this work before? N/A 

Chrome version: 73.0.3630.0  Channel: canary
OS Version: OS X 10.12.6
Flash Version: 

cc sunyunjia@chromium.org majidvp@chromium.org
 
Labels: Needs-Triage-M73
Components: -UI Blink>CSS Blink>Scroll
Status: Untriaged (was: Unconfirmed)
Mac triage: I don't understand the repro steps well enough to tell if this is live, so I'm marking for blink>css and blink>scroll triage.
Here is a video, you can see the focus ring moving between scrollers as I tab, following the repro steps, and showing how a scroll snapping container is left "froze" (not resolved at a snapped position) when I tab to focus passed the last snapping scroller. It shows on the left side of the screen, the snapping is froze from completing its animation a good amount of pixels, where I hover/circle my mouse showing the misalignment.

http://cl.ly/64f17c408835

cc vamshi.kommuri@chromium.org
Components: -Blink>CSS
Cc: bokan@chromium.org majidvp@chromium.org
Owner: sunyunjia@chromium.org
Status: Assigned (was: Untriaged)

Sign in to add a comment