I have one button with image inside it. When I opening in the mobile device and holding a button, download image pop-up is coming.
How can I hide that pop-up?
<button><img src={test_image} width="100%" /></button>
its showing me below pop-up
Asked
Active
Viewed 600 times
1
Nishant Khandelwal
- 199
- 1
- 5
- 13
-
put `pointer-events: none;` on the image – Dejan.S Jul 15 '20 at 08:37
-
@Ramesh By giving a background image to the button problem is solved as suggested in the link given by you. – Nishant Khandelwal Jul 15 '20 at 10:44
-
@NishantKhandelwal It doesn't work for this one:  – RixTheTyrunt Mar 01 '22 at 10:35
1 Answers
1
Use -webkit-touch-callout will help you disable that behavior.
img {
-webkit-touch-callout: none;
}
Sumit Patel
- 4,530
- 1
- 10
- 28
-
-
check more detail on here it will work only in iOS Safari == https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout – Sumit Patel Jul 15 '20 at 09:38