zoukankan      html  css  js  c++  java
  • element select多选选项卡页面抖动问题

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

    问题描述:

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

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

    解决方法:

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

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

    好像是添加或者删除tags时会动态改变input高度和焦点位置,tags长度大概和input宽度相同时触发。
    目前解决是不要和filterable同时使用,不给获取焦点就好了,但是tags太长会超出input
  • 相关阅读:
    linux 中$ 意思
    Linux查看日志命令- more、less、tail、head命令的区别
    center os 创建用户、设置密码、修改用户、删除用户命令
    Hello world
    小程序3.6
    小程序3.5
    小程序3.4
    小程序2
    小程序
    事件冒泡
  • 原文地址:https://www.cnblogs.com/wuxu-dl/p/14709737.html
Copyright © 2011-2022 走看看