react-component / react-component/trigger

Trigger = "click" breaks mouse interaction with components in it.

Đang mở
#159 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Ngôn ngữ chính
TypeScript
Star
391
Fork
245
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

In the example below, I have Popover that contains Select (from react-select). If Popover trigger is set to "click", then trying to select elements in the drop-down list as well as using its drop-down button closes the popover instead of allowing the interaction.

Using keyboard or trigger="hover" are two workarounds that I found that allow to select elements in a drop-down by clicking.

https://codesandbox.io/s/flamboyant-bhabha-3qh3c

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

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. 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.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Tái hiện tương tác trong CodeSandbox được liên kết bằng cách sử dụng một Popover được kích hoạt bằng cú nhấp chuột có chứa react-select. Bắt đầu bằng cách lần theo cách xử lý click-trigger trong repository này và xác định lý do các cú nhấp chuột bên trong dropdown đóng Popover; hoàn thành khi việc chọn trong dropdown và nút của nó hoạt động mà không đóng Popover ngoài dự kiến.

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, typescript
Lĩnh vực
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.