feat(cdkDrag): cdkDragHandleBoundary
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
### 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.
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par lire les points d’entrée cdkDrag et cdkDragHandle et retracez la façon dont leurs limites de mouvement sont définis. Déterminez comment une nouvelle directive cdkHandleBoundary limiterait le déplacement via le handle tout en préservant le mouvement sur l’axe y et le clipping du dépassement pour le cas d’utilisation du drawer. C’est terminé lorsque le comportement de limite basé sur le handle demandé est implémenté et vérifié pour le scénario de sliding drawer décrit.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend
- Type d'issue
- Fonctionnalité
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100