angular / angular/components

feat(cdkDrag): cdkDragHandleBoundary

Aperta
#27,803 1 commento 2 reazioni 0 assegnatari Vedi su GitHub
area: cdk/drag-drop feature
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.