Bug 200610 - "touch-action: none" not working on SVG elements
Summary: "touch-action: none" not working on SVG elements
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: WebKit Nightly Build
Hardware: iPhone / iPad Other
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-08-10 00:41 PDT by Philipp Spiess
Modified: 2019-08-10 14:03 PDT (History)
9 users (show)

See Also:

Attachments
Adding "touch-action: none" on an SVG element has no effect. (244 bytes, text/html)
2019-08-10 00:41 PDT, Philipp Spiess 		no flags Details
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 Philipp Spiess 2019-08-10 00:41:36 PDT 
Created attachment 376002 [details]
Adding "touch-action: none" on an SVG element has no effect.

iOS 13.0 Beta - 17A5556d

Setting "touch-action: none" on an SVG element does not prevent scrolling. The attached demo should not scroll when using the pan gesture on a touch screen device. 

A workaround is to add a parent DIV element and add the "touch-action: none" property there.
Comment 1 Simon Fraser (smfr) 2019-08-10 08:43:45 PDT 
Another case where the event region painting was not added.
Comment 2 Radar WebKit Bug Importer 2019-08-10 10:26:18 PDT 
<rdar://problem/54165220>