callstack / callstack/react-native-paper
Menu component overflows during transition if placed on right side of screen in web
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
### Current behaviour
Click "Show menu" button and when transition happens from closed to open state, you can see horizontal scrollbar flickering which indicates that it overflows horizontally. That's probably because menu doesn't fit into screen during transition.
This issue occurs only on web but android and ios seems to work perfectly.
### Expected behaviour
It shouldn't flicker horizontal scrollbar during transition.
### How to reproduce?
Click "Show menu" button and you can see visible overflow.
### Preview
Test web version here: https://snack.expo.dev/KACFveJ4k
### What have you tried so far?
I have tried some fixes with "overflow: 'hidden'" but none seems to work
Contributor guide
Assessment
This issue has not been assessed yet.