现象如下
当使用3.x版本时,当添加style限制宽度和maxTagCount时,其展示为如下,当删除前置选择内容(d13)时,可以看到明显的抖动及样式错乱问题。
问题分析
当我们删掉选择内容时,检查元素发现antd是这样处理的,先把下一个选项的元素添加到dom,然后添加样式做成滑入淡出的动画效果,但当宽度不够时,还是会被挤换行。
所以我们添加样式,即可解决
.zoom-leave,
.zoom-leave-active {
display: none
}
当使用3.x版本时,当添加style限制宽度和maxTagCount时,其展示为如下,当删除前置选择内容(d13)时,可以看到明显的抖动及样式错乱问题。
当我们删掉选择内容时,检查元素发现antd是这样处理的,先把下一个选项的元素添加到dom,然后添加样式做成滑入淡出的动画效果,但当宽度不够时,还是会被挤换行。
所以我们添加样式,即可解决
.zoom-leave,
.zoom-leave-active {
display: none
}