search

davidtheclark / react-aria-modal

A fully accessible React modal built according WAI-ARIA Authoring Practices
http://davidtheclark.github.io/react-aria-modal/demo/
MIT License
1.04k stars 96 forks source link

TouchMove onto underlay prevents all components TouchMoving on iOS #78

Open zzolain opened 5 years ago

zzolain commented 5 years ago

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.

bradbarrow commented 5 years ago

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 commented 5 years ago

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.