Bug 199977 – touch-action on <canvas> has no effect

• Component: UI Events
• Status: RESOLVED DUPLICATE

[Antoine Quint]

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.

[Antoine Quint]

<rdar://problem/53331224>

[Antoine Quint]

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