-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
iOS Safari: scroll events pass through a View absolutely positioned over a ScrollView #865
Comments
I probably won't get around to looking into this soon. It would be helpful if you could debug the issue and determine the difference in how events are dispatched between platforms |
I didn't have time to look into the root cause, but I suspect this isn't related to React Native Web, but just how CSS works. I think something like this could fix it, but it wasn't clear to me how to apply that to React Native Web code. Instead I went a different route to workaround this issue: I make sure that when my absolutely positioned element is on screen that the ScrollView behind it is sized so that it doesn't flow behind the absolutely positioned element. |
Was this only an issue for iOS? |
Yes, iOS only. |
Closing this old issue. If the behavior is still present, it's probably just what Safari does. But feel free to resurrect this issue if needed |
Do you want to request a feature or report a bug?
Bug
What is the current behavior?
When a View is absolutely positioned over a (non-absolutely positioned) ScrollView, when you drag the View, it scrolls the ScrollView. In React Native nothing scrolls in this case.
React Native Web on iPhone X Simulator:
![iphonexsimulator](https://user-images.githubusercontent.com/359157/37431309-2549dbe4-2792-11e8-8f6c-f0f7e5913b54.gif)
React Native on iPhone (via Expo/Appetize):
![expo](https://user-images.githubusercontent.com/359157/37431329-2f818094-2792-11e8-9c9c-0724f0c89d08.gif)
Glitch (React Native Web):
https://quark-kale-1.glitch.me/
https://glitch.com/edit/#!/quark-kale-1?path=src/components/App/index.js:1:0
Expo (React Native): https://snack.expo.io/HJxWMGvtG
What is the expected behavior?
ScrollView should not scroll in this case.
Environment (include versions). Did this work in previous versions?
The text was updated successfully, but these errors were encountered: