最近做项目是有个功能需要下拉框多选,然后碰到了一个问题就是选择选项的时候出现频繁抖动的情况
问题描述:
页面选择到三个选项时长度为三的时候就会开始抖动,其他长度没有问题,检索elements是发现选择第三个的时候他的select下的el-input-inner高度在89和90间频繁更换
去查了很多然后最后确认了问题,就是element下拉多选时组件计算高度的问题,因为我这边项目页面整体缩放到了90%,所以他的计算出现了偏差
解决方法:
改变他的高度,然后就没有这个情况了(改变浏览器分辨率还会出现。。。。。)
.el-tag--small { height: 25px; }
好像是添加或者删除tags时会动态改变input高度和焦点位置,tags长度大概和input宽度相同时触发。
目前解决是不要和filterable同时使用,不给获取焦点就好了,但是tags太长会超出input