Can't click dropdown when the placement is topLeft and in a scrollable area
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 35/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện CodeSandbox được liên kết với Select, animation, getPopupContainer và một scrollable container; báo cáo cũng đề cập đến tree-select. Không có tệp nguồn hoặc bài kiểm thử nào được nêu, vì vậy hãy lần theo cách định vị popup và hành vi nhấp từ điểm vào Select. Được xem là hoàn tất khi dropdown topLeft mở ra và nội dung của nó có thể nhấp được sau khi cuộn, mà không cần nhấp lần thứ hai.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Description
You can't click dropdown when the dropdown shows up at top in a scrollable area.
Reproduction
- Put
<Select>in a scrollable area (container) - Set its
getPopupContaineras this container - Add
animationto<Select> - Scroll it to the container's bottom
- Click input box to show dropdown (You need to click twice, another bug)
- You can't click the content in the dropdown
Here is an online demo
https://codesandbox.io/s/gallant-shtern-r88m4d?file=/src/App.tsx
Other information
Also in tree-select
- Ngôn ngữ chính
- TypeScript
- Star
- 939
- Fork
- 480
- Merge trung bình
- 3 giờ 37 phút
- Pull request đã merge (30 ngày)
- 1
Chuẩn bị môi trường
Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của react-component/select
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
react-component/select#1216 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100
react-component/select#1159 ·
-
a11y 问题Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
react-component/select#1087 · 1 reaction ·
-
showSearch 默认值是 false 把Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 25/100
react-component/select#1086 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 30/100
react-component/select#1082 · 1 bình luận ·
Tất cả issue của react-component/select
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
nats-io/nats.docs.v2#101 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 72/100
profullstack/ugig.net#601 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
github/codeql-action#4202 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
agents: formatReport/reportOrigin only importable through an entry that loads every runtime (~1.5 s)Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
Maintainer thường phản hồi trong vòng 1 ngày