Bug 119839 - [iOS] -webkit-overflow-scrolling: touch; ignores pointer-events: none;
Summary: [iOS] -webkit-overflow-scrolling: touch; ignores pointer-events: none;
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Antoine Quint
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2013-08-15 07:58 PDT by BrianMB
Modified: 2016-06-10 01:21 PDT (History)
6 users (show)

See Also:


Attachments
Patch (21.57 KB, patch)
2016-06-09 17:28 PDT, Antoine Quint
no flags Details | Formatted Diff | Diff
Archive of layout-test-results from ews125 for ios-simulator-wk2 (655.78 KB, application/zip)
2016-06-09 18:26 PDT, Build Bot
no flags Details
Patch for landing (22.00 KB, patch)
2016-06-09 18:34 PDT, Antoine Quint
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
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