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
Show Obsolete (1) View All Add an attachment (proposed patch, testcase, etc.)

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