Bug 119839

Summary:

[iOS] -webkit-overflow-scrolling: touch; ignores pointer-events: none;

Product:

WebKit

Reporter:

BrianMB <anewpage.media>

Component:

CSS

Assignee:

Antoine Quint <graouts>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

achristensen, commit-queue, graouts, ossy, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Patch	none
Archive of layout-test-results from ews125 for ios-simulator-wk2	none
Patch for landing	none

Description BrianMB 2013-08-15 07:58:29 PDT

Use Case
===
A scrollable overlay with kinetic scrolling enabled may be hidden with opacity: 0; and shown later (using a HWA'd transition/animation).  As such, you want to disable pointer interaction with the modal while it is hidden by using pointer-events: none;.

Problem
===
You will find that you cannot scroll the base page, because the user's pointer (finger) is still scrolling the invisible overlay.

Expected Behavior
===
That scrolling action should not be registered by the overlay, going to the next interaction-enabled element below.

Comment 1 Simon Fraser (smfr) 2013-08-15 09:14:35 PDT

Tracked by <rdar://problem/14735863>. iOS bugs are tracked internally, so closing this.

Comment 2 BrianMB 2013-08-26 11:19:52 PDT

Here is a condensed test:

http://jsfiddle.net/brianblakely/t4ys2/

The darker "overlay" element is not scrollable in Safari/OS X, as expected.  It scrolls in Safari/iOS, however, and blocks the "base" element's pointer input.

Thanks!

Comment 3 BrianMB 2014-09-10 13:15:18 PDT

Test fails in iOS 8 GM.

Comment 4 Antoine Quint 2016-06-09 17:25:06 PDT

<rdar://problem/9671514>

Comment 5 Antoine Quint 2016-06-09 17:28:31 PDT

Created attachment 280970 [details]
Patch

Comment 6 Build Bot 2016-06-09 18:26:50 PDT

Comment on attachment 280970 [details]
Patch

Attachment 280970 [details] did not pass ios-sim-ews (ios-simulator-wk2):
Output: http://webkit-queues.webkit.org/results/1475549

New failing tests:
fast/scrolling/ios/touch-scroll-pointer-events-none.html

Comment 7 Build Bot 2016-06-09 18:26:52 PDT

Created attachment 280972 [details]
Archive of layout-test-results from ews125 for ios-simulator-wk2

The attached test failures were seen while running run-webkit-tests on the ios-sim-ews.
Bot: ews125  Port: ios-simulator-wk2  Platform: Mac OS X 10.11.4

Comment 8 Antoine Quint 2016-06-09 18:34:15 PDT

Created attachment 280973 [details]
Patch for landing

Comment 9 WebKit Commit Bot 2016-06-09 19:05:00 PDT

Comment on attachment 280973 [details]
Patch for landing

Clearing flags on attachment: 280973

Committed r201901: <http://trac.webkit.org/changeset/201901>

Comment 10 WebKit Commit Bot 2016-06-09 19:05:04 PDT

All reviewed patches have been landed.  Closing bug.

Comment 11 Csaba Osztrogonác 2016-06-09 23:32:25 PDT

(In reply to comment #9)
> Comment on attachment 280973 [details]
> Patch for landing
> 
> Clearing flags on attachment: 280973
> 
> Committed r201901: <http://trac.webkit.org/changeset/201901>

It broke the Apple Windows build, see build.webkit.org for details.

Comment 12 Csaba Osztrogonác 2016-06-10 01:21:32 PDT

just to document, Alex already fixed it in https://trac.webkit.org/changeset/201915