-webkit-touch-callout alternative?

Question

Created May ’20

Replies 3

Boosts 0

Views 6k

Participants 5

I saw this property that I need in the archived docs, https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-_webkit_touch_callout

How it is now the correct way to disable the defaults callouts? this seems to not working anymore

Thanks in advance

Boost

Answer 1

Frameworks Engineer OP

Apple

Jun ’20

webkit-touch-callout is still the correct way to disable the callout.

If this is not working for you in some cases, please provide a link to a page where it's not working so we can investigate.

0

Answer 2

drichard OP

Nov ’20

dominiquerichardson.com on safari mobile

if you go to that site on your mac on safari or chrome right click is disabled

on chrome ios there is no touch call out

on safari ios you can save

using

Code Block <style>
.noselect {
  -webkit-touch-callout: none; /* Safari Touch */
  -webkit-user-select: none;   /* Webkit */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Edge*/
   user-select: none;       /* Future-proof*/
}
.nodrag {
   -webkit-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
}
</style>

0

Answer 3

Sean Kent OP

Oct ’21

This is currently not working in iOS 15. See: https://developer.apple.com/forums/thread/691021

0