ant-design / ant-design/pro-components

🐛[BUG]DragSortTable 引发页面滚动

Open
#8,666 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述

DragSortTable 拖拽某一行至表格区域以外,当触发页面滚动以后再松开,会导致页面持续向拖拽方向滚动并且无法恢复,只有刷新页面才会停止。

### 📷 复现步骤

可以直接在[官网](https://procomponents.ant.design/components/drag-sort-table)复现。
以向上拖拽引起 bug 为例:

定位到 DragSortTable 某一个行,保证当前行在页面位置可以向上滚动。
点击把手向上拖拽这一行(速度快一点几乎必现),引起页面滚动,然后再松开把手即可复现。

### 🏞 期望结果

期望页面仅在拖拽期间滚动,而在拖拽结束后页面不滚动。

### 💻 复现代码

### © 版本信息

ProComponents 版本: [e.g. 4.0.0] 2.6.42
浏览器环境: Edge 119、Safari 14
开发环境 [e.g. mac OS] macOS、windows、iPadOS

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the DragSortTable demo at https://procomponents.ant.design/components/drag-sort-table, using the listed Edge, Safari, macOS, Windows, or iPadOS environments. Trace the DragSortTable implementation and verify that the page scrolls only while dragging and stops immediately after the row is released.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.