angular / angular/components

DragDrop Autoscroll feature not working with Material Table

未关闭
#16,677 9 条评论 5 个 reaction 已指派 0 人 在 GitHub 查看
area: cdk/drag-drop area: cdk/table P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

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

贡献指南

打开贡献指南

调研方向

首先运行链接的 StackBlitz 复现,并比较在简单容器中拖动时的自动滚动与 Material Table 中的自动滚动。阅读相关的 pull request 了解背景,然后跟踪表格特有的行为;当将一行拖到容器边缘时 Material Table 能按预期自动滚动,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。