callstack / callstack/react-native-paper
Opening a Menu from a TextInput anchor on the web unfocuses the anchor
- 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
When a Menu has a TextInput as an anchor, if that input's onFocus is used to open the menu, it becomes unfocused.
### Expected behaviour
This is not consistent with Android, where it keeps focus. It would be nice if it worked this way on the web too, so that a searchable dropdown can be implemented.
### Code sample
https://snack.expo.dev/@pta2002/eb79e2
### What have you tried
I have tried using a separate component (not the anchor) to trigger the menu, but it got unfocused as well. Either way, I think the behaviour should at least be consistent.
### Your Environment
| software | version
| --------------------- | -------
| ios or android | Android 11
| react-native | 0.63.2
| react-native-paper | 4.9.2
| node | 14.17.6
| npm or yarn | npm 6.14.15
| expo sdk | 42.0.1
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với Expo Snack được liên kết và tái hiện việc mất focus khi một Menu được mở từ một TextInput trên web. Sau đó, theo dõi điểm neo của Menu và hành vi focus, so sánh với Android, rồi xác minh rằng một dropdown có thể tìm kiếm vẫn giữ TextInput được focus trên web.
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, typescript
- Lĩnh vực
- frontend, mobile
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 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