react-aria-modal icon indicating copy to clipboard operation
react-aria-modal copied to clipboard

TouchMove onto underlay prevents all components TouchMoving on iOS

Open zzolain opened this issue 6 years ago • 2 comments

TouchMove onto underlay toward a particular direction prevents touchMove toward same direction onto modal for a while(about 1 second).

It seems if another touchMove events are added within disabled period, the duration increases.

zzolain avatar Dec 05 '18 14:12 zzolain

I'm experiencing this too. It's reproducible on the demo page, with Demo 3, the scrolling one.

If you open the demo on an iOS device, then swipe/scroll with your finger on the gray underlay as though you were attempting to scroll the content behind the modal. Do this 3 to 4 times then attempt to scroll the modal's contents...it freezes up. After a brief period of time, the modal content will become scrollable again.

bradbarrow avatar May 20 '19 07:05 bradbarrow

https://patrickmuff.ch/blog/2014/10/01/how-we-fixed-the-webkit-overflow-scrolling-touch-bug-on-ios/ this fixes it, but forces your modal to have a scroll bar even when it's content isn't long enough to warrant one.

bradbarrow avatar May 20 '19 07:05 bradbarrow