angular / angular/components

DragDrop Autoscroll feature not working with Material Table

Ouverte
#16,677 9 commentaires 5 réactions 0 personnes assignées Voir sur GitHub
area: cdk/drag-drop area: cdk/table P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

Relates to https://github.com/angular/components/pull/16382

#### Reproduction

https://stackblitz.com/edit/angular-qczaca

Steps to reproduce:
1. Try dragging a row to the edge of its container.
2. You can see that Material Table cannot be autoscrolled while a simple container can be... (like the div in the Stackblitz example).

#### Expected Behavior

I can use autoscroll feature with Material Table as well.

#### Actual Behavior

Autoscroll does not work with Material Table.

#### Environment

Angular, CDK/Material:
```
"@angular/animations": "~8.2.0",
"@angular/cdk": "~8.1.2",
"@angular/common": "~8.2.0",
"@angular/compiler": "~8.2.0",
"@angular/core": "~8.2.0",
"@angular/forms": "~8.2.0",
"@angular/material": "^8.1.2",
"@angular/platform-browser": "~8.2.0",
"@angular/platform-browser-dynamic": "~8.2.0",
"@angular/router": "~8.2.0",
"hammerjs": "^2.0.8"
```

```
"@angular-devkit/build-angular": "~0.802.0",
"@angular/cli": "~8.2.0",
"@angular/compiler-cli": "~8.2.0",
"@angular/language-service": "~8.2.0"
```

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par exécuter la reproduction StackBlitz liée et comparez le défilement automatique pendant le glissement dans le conteneur simple avec celui de la Material Table. Lisez le pull request associé pour le contexte, puis suivez le comportement spécifique à la table ; le travail est terminé lorsqu’un glissement de ligne jusqu’au bord du conteneur fait défiler automatiquement la Material Table comme prévu.

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é
4/5
Temps estimé
3-5 jours
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.