ant-design / ant-design/pro-components
🐛[BUG]DragSortTable 引发页面滚动
- 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
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