callstack / callstack/react-native-paper

Menu First Render failure on React Native Windows

Open
#3,793 6 comments 0 reactions 0 assignees View on GitHub
bug Menu
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
In the video below, running on react-native-windows (.71), on attempting to open menu the first time after load, the menu is rendered in an improper location and with no menu items.

If able to dismiss the initially rendered menu, then touch the anchor element again, the menu renders properly the second time with menu items rendered properly as well.

https://user-images.githubusercontent.com/104597574/228964703-3e10dcc5-9d9d-43b8-bd8c-8a3fde5075d1.mp4

### Expected behaviour
On first render, setting show attribute to true, menu should render fully, properly positioned with menu items.

### How to reproduce?
Create new react native project with react native windows and implement simple menu.
https://github.com/acaininet/RNWPaperMenu0323

### Preview
Video attached above.

### What have you tried so far?
Various manipulation of containing elements, all the way down to most elemental (current version of code, with only as container. Various types of anchors, from more complex, including clickableopacity, down to Paper Button.

### Your Environment

| software | version
| --------------------- | -------
|+-- @babel/core@7.21.3
+-- @babel/preset-env@7.20.2
+-- @babel/runtime@7.21.0
+-- @react-native-community/eslint-config@3.2.0
+-- @tsconfig/react-native@2.0.3
+-- @types/jest@29.5.0
+-- @types/react-test-renderer@18.0.0
+-- @types/react@18.0.29
+-- babel-jest@29.5.0
+-- eslint@8.36.0
+-- jest@29.5.0
+-- metro-config@0.73.9
+-- metro-react-native-babel-preset@0.73.8
+-- prettier@2.8.7
+-- react-native-paper@5.5.1
+-- react-native-safe-area-context@4.5.0
+-- react-native-vector-icons@9.2.0
+-- react-native-windows@0.71.4
+-- react-native@0.71.4
+-- react-test-renderer@18.2.0
+-- react@18.2.0
`-- typescript@4.8.4

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.