Bug 282386

Summary:

REGRESSION(?): Page with scroll-snap is stuck at the top when navigating with VoiceOver

Product:

WebKit

Reporter:

Johannes Odland <johannes.odland>

Component:

Scrolling

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Major

CC:

simon.fraser, tyler_w, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 18

Hardware:

iPhone / iPad

OS:

iOS 18

See Also:

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

Attachments:

Description	Flags
Screen recording of the issue (Norwegian VO)	none

Johannes Odland

Reported 2024-10-31 06:32:21 PDT

https://bugs.webkit.org/show_bug.cgi?id=250999 was fixed in Safari 16.5. The reduced test from that issue is now broken when navigating with voice over. The page is stuck at the top. Steps to reproduce: 1. Open test https://johannesodland.github.io/browserbugs/2023/safari-voice-over-scroll-snap-large-fixpos-image-issue.html in Safari on iPhone. 2. Navigate with VoiceOver by swiping right. Expected result: The corresponding section is scrolled into view when navigating with VoiceOver Actual result: The page is stuck at the top As a consequence, the page does not keep up with VoiceOver. If the user starts navigating with touch, they will only se the first section. It is impossible to scroll the page with three finger swipes.

Attachments
Screen recording of the issue (Norwegian VO) (2.11 MB, video/mp4) 2024-10-31 12:18 PDT, Johannes Odland	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2024-10-31 08:50:26 PDT

<rdar://problem/139002720>

Johannes Odland

Comment 2 2024-10-31 12:18:52 PDT

Created attachment 473095 [details] Screen recording of the issue (Norwegian VO)

Simon Fraser (smfr)

Comment 3 2024-10-31 12:27:34 PDT

Does this affect a production site?

Johannes Odland

Comment 4 2024-11-01 02:55:00 PDT

This affects one of our story formats that use scroll-snapping: https://www.nrk.no/innlandet/en-kjaerlighetserklaering-til-naturen-1.17077971 We have a workaround where we try to detect VoiceOver and turn off scroll-snapping, but it's not perfect.

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