react-insta-stories icon indicating copy to clipboard operation
react-insta-stories copied to clipboard

IOS long press "mark" the entire div

Open orizvida opened this issue 3 years ago • 3 comments

Hi, Please notice than on IOS when you make a down click to stop the story it marks the entire screen (I tried with the content () =>) Thanks!

orizvida avatar Jan 08 '22 16:01 orizvida

Hi, Any ETA for this bug to be fixed? @mohitk05

orizvida avatar Jan 12 '22 14:01 orizvida

I think this is related by using both onTouchStart= on the div and preventDefault().

We can reproduce here: https://mohitk05.github.io/react-insta-stories/ with chrome by using mobile mode.

ctamisier avatar Feb 07 '22 15:02 ctamisier

I just added this to css, and problem solved

-webkit-touch-callout: none;                
-webkit-text-size-adjust: none;            
-webkit-user-select: none;

pooriyapfn avatar Mar 04 '22 06:03 pooriyapfn