Description
There is currently a Webkit only CSS property called -webkit-touch-callout
which allows you to disable platform specific context menus when holding a touch target.
One use case: platform drag and drop
A long press on an anchor element (<a>
) on a touch device will result in a context menu being shown (eg "open in new tab"). -webkit-touch-callout
allows you to opt out of this behaviour.
Opting out of touch target behaviours is particular useful for platform powered drag and drop. Without -webkit-touch-callout:none
on iOS, you cannot start a drag operation of an anchor without first seeing a link context menu.
This issue was brought to my attention due to a recent bug I raised for Chrome + Android, where there is currently no mechanism to opt out of touch callouts
Proposal
- I propose that the CSS specification adopts
-webkit-touch-callout
as the standard propertytouch-callout
. - I also propose that
touch-callout
match the specification as found on MDN for-webkit-touch-callout
(and the Safari CSS reference)
Thank you for your consideration