react-spring-bottom-sheet icon indicating copy to clipboard operation
react-spring-bottom-sheet copied to clipboard

Published 20 hours ago • verified publisher icon stipsan

react 18 + `expandOnContentDrag` causes UI glitches

Open aeharding opened this issue 2 years ago • 0 comments

Hello!

First of all, thanks for the awesome library!

Repro

Setup a bottom sheet with expandOnContentDrag, a scrollable view inside, and react 18 (non strict mode - strict mode is broken completely).

When you make gestures on iOS Safari, sometimes there appears to be race conditions between the gesture and whatever the library is doing. This causes the UI to glitch.

Temporary fix

Downgrade to react 17.

More context

I am documenting the above issue for anyone searching that has the same problem. I realize this issue will go away with the rebuild you're working on, so kudos for that, and hopefully this issue can be closed out with that work. In the meantime, using React 17 works great!

P.S. You should setup buymeacoffee.com or something, this lib is worth supporting!

aeharding avatar Aug 03 '22 23:08 aeharding