Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

table拖动列,表现错误 #26413

Closed
1 task
T-Inphic opened this issue Aug 26, 2020 · 6 comments
Closed
1 task

table拖动列,表现错误 #26413

T-Inphic opened this issue Aug 26, 2020 · 6 comments
Labels

Comments

@T-Inphic
Copy link

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

1、拖动任一列到最右端
2、向右拖动任一列(除步骤1),出现第一个bug
3、向左拖动步骤1那一列,出现第二个bug
4、向左拖动步骤2那一列,右侧所有列都跟随(不知道是不是设计如此)

What is expected?

解决以上bug

What is actually happening?

不做跟随处理

Environment Info
antd 4.6.1
React 17.0.0
System win10
Browser chrome 84.0.4147.135
@T-Inphic T-Inphic changed the title table拖动列表现错误 table拖动列,表现错误 Aug 26, 2020
@afc163
Copy link
Member

afc163 commented Aug 27, 2020

不太理解具体的行为是啥,第一个 bug 和 第二个 bug 分别是什么?

@T-Inphic
Copy link
Author

不太理解具体的行为是啥,第一个 bug 和 第二个 bug 分别是什么?
第一个bug不是太好描述,就是鼠标移动的距离跟操作列不同步,而且前面几列会向反方向移动
第二个bug就是步骤二那一列和鼠标移动方向相反(况且此时操作的是步骤一)

你可以点上方的codeSandBox按照步骤操作一下就很明白了

@afc163
Copy link
Member

afc163 commented Aug 28, 2020

你可以点上方的codeSandBox按照步骤操作一下就很明白了

我看到的和你看到的不一定是一样的情况,看到一样的情况理解的方式也不一定一样,最好用文字描述清楚,并配上相关的 gif 或录屏。

@T-Inphic
Copy link
Author

你可以点上方的codeSandBox按照步骤操作一下就很明白了

我看到的和你看到的不一定是一样的情况,看到一样的情况理解的方式也不一定一样,最好用文字描述清楚,并配上相关的 gif 或录屏。

示例
这是官网的一个可伸缩列示例,可以参考操作一下

@xiexingen
Copy link

也遇到过 就是那个拖拽的时候快一点的话 鼠标的样式没有保持同步,感觉是内部拖拽的时候实时在render导致的,这应该可以优化下

@afc163
Copy link
Member

afc163 commented Mar 19, 2021

这个例子有很多交互问题,目前的实现没办法修,暂时隐藏了。

84c6558

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants