Not possible to swipe/drag Sheet component with mouse cursor

Đang mở
  • Có gì không ổn?
#10,749 8 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

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
Sôi nổi
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Start by reproducing the bug on the Sheet snap-points example linked in the report, then find where the Sheet's drag gesture is handled and check whether it responds to touch input only and not to mouse pointer drags. Read the six-comment thread first, since the expected visual handle hover and dismiss threshold may already have been discussed. Done means mouse-dragging the handle expands or shrinks the sheet and dismisses it past the threshold, and the existing Sheet tests still pass.

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

Mô tả

Provide a general summary of the issue here

Great work on the new Sheet component (blog post)!

I wanted to try it out immediately on my laptop, and discovered that I wasn't able to drag/swipe the Sheet with my mouse cursor. Pressing down on the left mouse button and dragging didn't seem to do anything, no matter where the drag started. This felt very unexpected, especially as many of the examples included a drag handle.

🤔 Expected Behavior?

I expect mouse down + dragging the sheet handle (when rendered) to expand/shrink the sheet, and close/dismiss it when shrunk to a certain threshold. The drag handle could probably also use some kind of visual indicator on hover to indicate that it is in fact interactive.

😯 Current Behavior

Mouse initiated dragging doesn't appear to be supported at all.

💁 Possible Solution

No response

🔦 Context

Trying to ensure that mouse users get the UX that is commonly associated with a Sheet component.

🖥️ Steps to Reproduce
  1. Visit https://react-aria.adobe.com/Sheet#snap-points on a computer with mouse connected
  2. Press "Show place"
  3. Wait for Sheet to open
  4. Mouse down on the sheet handle at the top of the sheet
  5. Drag mouse up/down
  6. Nothing happens
Version

v1.22.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac OS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Ngôn ngữ chính
TypeScript
Star
16k
Fork
1.6k
Merge trung bình
3 ngày 19 giờ
Pull request đã merge (30 ngày)
46

Chuẩn bị môi trường

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.

Issue khác của adobe/react-spectrum

Tất cả issue của adobe/react-spectrum

Issue tương tự

Thêm issue về TypeScript

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.