Typing `Backspace` on `input` inside the custom component `dropdownRender` remove last selected value
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 45/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
Tái hiện vấn đề từ CodeSandbox được liên kết trong App.tsx, sử dụng một Select multiple với input dropdownRender tùy chỉnh. Theo dõi cách các sự kiện Backspace từ input lồng nhau đó truyền đến Select, sau đó xác minh rằng việc xóa văn bản của nó không còn xóa giá trị đã chọn cuối cùng nữa.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Date Seen
(21 Sep, 2022)
Versions
- Operating System and version: MacOS 12.6
- Browser and Version: Brave based on Chromium: 105.0.5195.102
- Lib: rc-select@^14.1.2
Bug Description
I customized the dropdownRender component. Inside this component is the input box to filter value.
When I remove the text on input by backspace. The selected value is removing the last item. I inspected the library rc-select, I think the root cause from the event listener listen to any input element inside Select component.
Steps to Reproduce
- Select multiple values.
- Type some text on input in the dropdown.
- Type
Backspaceto remove text on input.
Actual Behavior
The last item on the selected value was removed on Select
Expected Behavior
Shouldn't affect the selected value.
Codesandbox: https://codesandbox.io/s/rc-select-multiple-search-inside-dropdown-6ibpj6?file=/App.tsx
- 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ự
-
area/dashboard kind/bug QA/dev-automation
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
rancher/dashboard#19379 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 5 ngày
-
perf(core): getComments() runs the approved count and the comment list as two sequential queriesĐang mởarea/core bot:bug bot:working
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
emdash-cms/emdash#3905 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
lingdojo/kana-dojo#31728 · 1 bình luận · 5 reaction ·
Maintainer thường phản hồi trong vòng 1 ngày
-
selective-claw: freshTailTurns=0 keeps ALL turns verbatim and summarizes none (slice(-0) === slice(0))Có thể đã có người làm @zjncs đã nhận hôm nay. Đang mởcomponent:tokenless
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 80/100
agentic-os-org/ANOLISA#6112 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug needs triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
rjsf-team/react-jsonschema-form#5439 ·
Maintainer thường phản hồi trong vòng 1 ngày