angular / angular/components

DragDrop Autoscroll feature not working with Material Table

Offen
#16,677 9 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/drag-drop area: cdk/table P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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"
```

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Führe zunächst die verlinkte StackBlitz-Reproduktion aus und vergleiche das automatische Scrollen beim Ziehen im einfachen Container mit der Material Table. Lies den zugehörigen pull request als Kontext und verfolge anschließend das tabellenspezifische Verhalten; fertig ist die Aufgabe, wenn das Ziehen einer Zeile an den Rand des Containers die Material Table wie erwartet automatisch scrollt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.