1 2 3 4

element select多选选项卡页面抖动问题

最近做项目是有个功能需要下拉框多选,然后碰到了一个问题就是选择选项的时候出现频繁抖动的情况

问题描述:

页面选择到三个选项时长度为三的时候就会开始抖动,其他长度没有问题,检索elements是发现选择第三个的时候他的select下的el-input-inner高度在89和90间频繁更换

去查了很多然后最后确认了问题,就是element下拉多选时组件计算高度的问题,因为我这边项目页面整体缩放到了90%,所以他的计算出现了偏差

解决方法:

改变他的高度,然后就没有这个情况了(改变浏览器分辨率还会出现。。。。。

.el-tag--small {
    height: 25px;
}

好像是添加或者删除tags时会动态改变input高度和焦点位置,tags长度大概和input宽度相同时触发。
目前解决是不要和filterable同时使用,不给获取焦点就好了,但是tags太长会超出input
posted @ 2021-04-27 16:51  无序  阅读(2056)  评论(0编辑  收藏  举报