I'm currently working on a website optimized for iPads and I'm looking to avoid the copy and paste bubble that pops up when users touch and hold on an image. I want something to trigger on touchstart and ontouchend events instead.
Below is my HTML code:
<img class="appImg" src="img/fundMobile.jpg" />
And here is my CSS code:
.appImg{
-webkit-user-select: none;
}
Despite adding the CSS property, the copy and paste bubble still shows up when I press and hold on my iPad. Any suggestions on how to resolve this issue?