callstack / callstack/react-native-paper

Menu component overflows during transition if placed on right side of screen in web

Open
#3,678 11 comments 1 reaction 1 assignee Claimed by @barttom View on GitHub
bug Menu 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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.