Bug 236536

Summary:

Sideways overscroll causes movement in scroll-snap container

Product:

WebKit

Reporter:

Bruno Stasse <augus.dupin>

Component:

Scrolling

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

nmouchtaris, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari Technology Preview

Hardware:

Mac (Intel)

OS:

macOS 11

Attachments:

Description	Flags
testcase-scroll-y	none
testcase-scroll-x	none
video-scroll-y	none

Bruno Stasse

Reported 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.

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
View All Add attachment proposed patch, testcase, etc.

Bruno Stasse

Comment 1 2022-02-12 02:30:42 PST

Created attachment 451778 [details] testcase-scroll-x

Bruno Stasse

Comment 2 2022-02-12 02:31:45 PST

Created attachment 451779 [details] video-scroll-y

Simon Fraser (smfr)

Comment 3 2022-02-14 13:12:54 PST

Is scrolling in the unwanted direction just rubber-banding (aka overscroll)?

Bruno Stasse

Comment 4 2022-02-14 14:14:10 PST

Yes it is just rubber-banding indeed, it goes back into place afterwards.

Radar WebKit Bug Importer

Comment 5 2022-02-19 02:31:24 PST

<rdar://problem/89184230>

Note You need to log in before you can comment on or make changes to this bug.