callstack / callstack/react-native-paper

Menu First Render failure on React Native Windows

Ouverte
#3,793 6 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug Menu
Langage dominant
TypeScript
Étoiles
14.5k
Forks
2.2k
Merge moyen
5 j 23 h
PR mergées (30 j)
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

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.