davidtheclark / react-aria-modal

A fully accessible React modal built according WAI-ARIA Authoring Practices

Home Page:http://davidtheclark.github.io/react-aria-modal/demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TouchMove onto underlay prevents all components TouchMoving on iOS

zzolain opened this issue · 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.

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.

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.