Bug 167090 - touchmove event breaks overflow-scrolling in <details>-element since iOS 10
Summary: touchmove event breaks overflow-scrolling in <details>-element since iOS 10
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Safari 10
Hardware: iPhone / iPad iOS 10
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2017-01-16 06:40 PST by rheinen
Modified: 2017-01-17 16:38 PST (History)
2 users (show)

See Also:

HTML-File to reproduce the bug (1.50 KB, text/html)
2017-01-16 06:40 PST, rheinen
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description rheinen 2017-01-16 06:40:18 PST
Created attachment 298957 [details]
HTML-File to reproduce the bug

Overflow-Scrolling in context of details-element stopped working in iOS 10.

This is reproducible with the attached file in Chrome and Safari on iOS 10.

Steps to Reproduce:
1. The dom consists of the html-element <details>
2. Add other elements inside <details> that are longer than the details-item itself so it overflows and is scrollable. The content must contain interactive elements.
3. Add an event listener for a touch event on that page

Expected Results:
The list should be scrollable.

Actual Results:
On iOS 10 the list is only scrollable outside of the link-area (on list-item-points).
Comment 1 Radar WebKit Bug Importer 2017-01-17 16:38:09 PST