angular / angular/components

feat(cdkDrag): cdkDragHandleBoundary

Ouverte
#27,803 1 commentaire 2 réactions 0 personnes assignées Voir sur GitHub
area: cdk/drag-drop feature
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.