feat(cdkDrag): cdkDragHandleBoundary
- 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
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