Bug 199977 - touch-action on <canvas> has no effect
Summary: touch-action on <canvas> has no effect
Status: RESOLVED DUPLICATE of bug 200205
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-07-19 23:48 PDT by Antoine Quint
Modified: 2019-08-12 02:51 PDT (History)
3 users (show)

See Also:


Attachments
Test (482 bytes, text/html)
2019-07-19 23:48 PDT, Antoine Quint
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Antoine Quint 2019-07-19 23:48:21 PDT
Created attachment 374543 [details]
Test

See the attached layout test which simply sets "touch-action: none" on a lone <canvas> element under the body. If I run this test I get this output:

(GraphicsLayer
  (anchor 0.00 0.00)
  (bounds 800.00 600.00)
  (children 1
    (GraphicsLayer
      (bounds 800.00 600.00)
      (contentsOpaque 1)
      (drawsContent 1)
      (backgroundColor #FFFFFF)
      (event region
        (rect (0,0) width=800 height=600)
      )
    )
  )
)

Now, if I change the <canvas> to a <div>, I get:

(GraphicsLayer
  (anchor 0.00 0.00)
  (bounds 800.00 600.00)
  (children 1
    (GraphicsLayer
      (bounds 800.00 600.00)
      (contentsOpaque 1)
      (drawsContent 1)
      (backgroundColor #FFFFFF)
      (event region
        (rect (0,0) width=800 height=600)
        (touch-action
          (none          
            (rect (8,8) width=100 height=100)
          )
        )
      )
    )
  )
)

Something is wrong with <canvas> elements and touch-action.
Comment 1 Antoine Quint 2019-07-19 23:48:58 PDT
<rdar://problem/53331224>
Comment 2 Antoine Quint 2019-08-12 02:51:30 PDT

*** This bug has been marked as a duplicate of bug 200205 ***