angular / angular/components

bug(cdkDrag): Items in DropLIst Jump Down When Using DragBoundary or ConstrainPosition with Custom Preview

Ouverte
#30,439 1 commentaire 1 réaction 0 personnes assignées Voir sur GitHub
area: cdk/drag-drop P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

Items with a custom preview inside of a drop list that should be constrained either by constrainPosition or a dragBoundary appear to jump down for one frame when being dragged before constraint is applied.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-eyxb1gn5?file=src%2Fmain.ts

### Expected Behavior

Constraints are applied to drag preview on starting frame of drag.

### Actual Behavior

Constraints are not applied to drag preview until the second frame of the dragging.

### Environment

- Angular: 19.0.6
- CDK/Material: 19.1.2
- Browser(s): Chrome/Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée et son point d’entrée src/main.ts, puis reproduisez le comportement de glissement avec un aperçu personnalisé et soit dragBoundary, soit constrainPosition dans Chrome ou Firefox. C’est terminé lorsque la contrainte de l’aperçu de glissement est appliquée dès la frame de départ, sans saut vers le bas d’une frame.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

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