feat(cdkDrag): cdkDragHandleBoundary
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### 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.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia leggendo gli entry point cdkDrag e cdkDragHandle e seguendo come vengono definiti i relativi limiti di movimento. Determina in che modo una nuova direttiva cdkHandleBoundary limiterebbe il trascinamento attraverso il handle, preservando al contempo il movimento sull’asse y e il clipping dell’overflow per il caso d’uso del drawer. Il lavoro è completato quando il comportamento di boundary basato sul handle richiesto è implementato e verificato per lo scenario di sliding drawer descritto.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100