Tree树形控件拖拽效果抖动

[alanwei0]

官网上的拖动示例，在拖拽过程中，UI会出现轻微抖动的情况，体验不是很好

[yesmeck]

浏览器版本？

[alanwei0]

mac 10.12
chrome 56

我看了一下效果，是因为在拖拽文件夹的时候，在target文件的上面或者下面会出现蓝色的提示线，这个会改变整个容器的高度，所以会一抖一抖的

[yesmeck]

这是正常的反馈。

[alanwei0]

提示线是正常的反馈，但是整个容器上下抖动也是正常反馈吗

[yesmeck]

@afc163

ant-design/components/tree/style/index.less

Line 63 in 597e020

transition: all 0.3s ease;

[afc163]

transition 导致了抖动么？

[RaoHai]

ant-design/components/tree/style/index.less

Line 34 in 597e020

&.drag-over-gap-top {

应该是此处添加了一个 border-top 导致。

[RaoHai]

默认上下 border 都加个 transparent 的 2px border 就不闪了。

[afc163]

会不会影响整体高度？

或者这个 border-top: 2px @primary-color solid; 改成不占空间的 box-shadow ？

[RaoHai]

我 PR 一个。

[RaoHai]

不过这样改了之后有可能比之前难拖一些。因为其实 2px 的 border 相当于变相增加了接受拖放到两个元素之间的区域的高度。

[benjycui]

默认上下 border 都加个 transparent 的 2px border 就不闪了。

其实我还是觉得这个方案比较好，同时把

ant-design/components/tree/style/index.less

Line 14 in 597e020

padding: 3.5px 0;

的上下 padding 减小就好。

主要是觉得 box-shadow 的写法略费解。

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.