angular / angular/components

feat(cdkDrag): cdkDragHandleBoundary

Đang mở
#27,803 1 bình luận 2 reaction 0 người được giao Xem trên GitHub
area: cdk/drag-drop feature
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

### Feature Description

I want to limit where my dragable component can be dragged to but by its handle element rather than by its entire dragable element.

### Use Case

A bottom sliding drawer. If I can mark the entire drawer with `cdkDrag`, place `cdkDragHandle` on the drawer's handle, limit motion to the y axis, and then have a new `cdkHandleBoundary` directive then my boundary element can use overflow clipping so that when the handle is dragged to the bottom of the boundary the entire drawer content is hidden and when the handle is dragged upward then the drawer content is shown.

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

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách đọc các entry point cdkDrag và cdkDragHandle, đồng thời theo dõi cách các giới hạn di chuyển của chúng được xác định. Xác định cách một directive cdkHandleBoundary mới sẽ giới hạn thao tác kéo thông qua handle, đồng thời giữ nguyên chuyển động trên trục y và việc cắt overflow cho trường hợp sử dụng drawer. Được xem là hoàn thành khi hành vi giới hạn dựa trên handle được yêu cầu đã được triển khai và xác minh cho kịch bản sliding drawer được mô tả.

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

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
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.