Bug 236536 - Sideways overscroll causes movement in scroll-snap container
Summary: Sideways overscroll causes movement in scroll-snap container
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-02-12 02:30 PST by Bruno Stasse
Modified: 2022-02-19 02:31 PST (History)
3 users (show)

See Also:


Attachments
testcase-scroll-y (1.55 KB, text/html)
2022-02-12 02:30 PST, Bruno Stasse
no flags Details
testcase-scroll-x (1.68 KB, text/html)
2022-02-12 02:30 PST, Bruno Stasse
no flags Details
video-scroll-y (43.34 MB, video/quicktime)
2022-02-12 02:31 PST, Bruno Stasse
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Bruno Stasse 2022-02-12 02:30:19 PST
Created attachment 451777 [details]
testcase-scroll-y

In a unidirectional scroll-snap container, scrolling sideways with a trackpad during overscroll causes the scroll container to scroll in that "forbidden" direction, although no content is overflowing, and even with `overflow-x` or `overflow-y` set explicitly to `hidden`.

See the attached testcases for scroll container on the y and x axis. See also a video for the y axis.

Steps to reproduce:
- open the testcase file for the y axis
- scroll about half the content, then in another gesture scroll all the way down to cause overscroll
- without lifting the finger, scroll sideways (left or right)
- see the scroll content move in a forbidden direction

The expected behaviour is that the content does not move in that direction, it must only be allowed to move in the defined scroll direction.

I started to see this behaviour a few Safari TP versions back, possibly around version 137.
Comment 1 Bruno Stasse 2022-02-12 02:30:42 PST
Created attachment 451778 [details]
testcase-scroll-x
Comment 2 Bruno Stasse 2022-02-12 02:31:45 PST
Created attachment 451779 [details]
video-scroll-y
Comment 3 Simon Fraser (smfr) 2022-02-14 13:12:54 PST
Is scrolling in the unwanted direction just rubber-banding (aka overscroll)?
Comment 4 Bruno Stasse 2022-02-14 14:14:10 PST
Yes it is just rubber-banding indeed, it goes back into place afterwards.
Comment 5 Radar WebKit Bug Importer 2022-02-19 02:31:24 PST
<rdar://problem/89184230>