callstack / callstack/react-native-paper

Menu First Render failure on React Native Windows

Đang mở
#3,793 6 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug Menu
Ngôn ngữ chính
TypeScript
Star
14.5k
Fork
2.2k
Merge trung bình
5 ngày 23 giờ
Pull request đã merge (30 ngày)
12

Mô tả

### 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện lỗi khi mở lần đầu với ví dụ RNWPaperMenu0323 được liên kết trên React Native Windows 0.71.4, sau đó lần theo quy trình render và định vị ban đầu của menu. Công việc được xem là hoàn tất khi menu mở hoàn toàn ngay trong lần thử đầu tiên, các mục của menu hiện diện và được định vị chính xác, phù hợp với hành vi mong đợi.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react-native
Lĩnh vực
desktop, frontend
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.