点击表格的最后一行的下拉框,会出现横向滚动条

点击表格的最后一行的下拉框,会出现横向滚动条

使用ux-grid组件库,某一列是下拉组件,点击最后一行的下拉框时,会出现横向滚动条,会闪动一下
解决方法为:去覆盖 el-select 的右侧图标旋转动画,把动画加到图标上,代码如下
复制代码
::v-deep .el-select{
  .el-input__suffix .el-input__suffix-inner { // 解决聚焦的时候会有闪现一下滚动条
    .el-input__icon {
      transform: rotateZ(0deg);
      // transition: transform 20s;
      // background: pink;
      &::before {
        display: inline-block;
        transition: transform .3s;
        transform: rotateZ(180deg);
      }
      &.is-reverse::before {
        transform: rotateZ(0deg);
      }
    }
  }
}
相关推荐
dy171726 分钟前
vue3 element-plus 输入框回车跳转页面问题处理
前端·javascript·vue.js
海尔辛1 小时前
学习黑客 shell 脚本
前端·chrome·学习
每天吃饭的羊1 小时前
XSS ..
前端
小李李32 小时前
基于Node.js的Web爬虫: 使用Axios和Cheerio抓取网页数据
前端·爬虫·node.js·跨域
酷小洋2 小时前
CSS基础
前端·css
xinruoqianqiu2 小时前
shell脚本--2
linux·运维·开发语言·前端·c++·chrome
几度泥的菜花3 小时前
Vue 项目中长按保存图片功能实现指南
前端·javascript·vue.js
学习机器不会机器学习3 小时前
什么是跨域,如何解决跨域问题
前端·后端
Code哈哈笑3 小时前
【图书管理系统】详细讲解用户登录:后端代码实现及讲解、前端代码讲解
前端·spring boot·后端·spring·状态模式
前端小崔3 小时前
从零开始学习three.js(14):一文详解three.js中的粒子系统Points
开发语言·前端·javascript·学习·3d·webgl·数据可视化