necolas / react-native-web

Cross-platform React UI packages
https://necolas.github.io/react-native-web
MIT License
21.49k stars 1.77k forks source link

Safari Browser: Wiggling/Shaking of ScrollView #2034

Open SmartArray opened 3 years ago

SmartArray commented 3 years ago

The problem On Safari, scrolling out of the bounds causes weird wiggling/shaking of the inner view. I suppose this has to do with the debouncing that Safari allows, but some React code doesn't seem to like negative values?

wiggle

How to reproduce

Steps to reproduce:

  1. Open Safari on Mac OS
  2. Navigate to the official example: https://4q5nn.sse.codesandbox.io/scroll-view
  3. Scroll out of bounds

Expected behavior No wiggling.

Environment (include versions). Did this work in previous versions? See official example.

I would be willing to fix this issue if someone points me into the right direction! ☺️

necolas commented 3 years ago

Thanks. You can take a look through the ScrollView code if you want to try putting a patch together.