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

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

使用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);
      }
    }
  }
}
相关推荐
C_心欲无痕2 分钟前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫6 分钟前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo1 小时前
前端跨页面通信终极指南:方案拆解、对比分析
前端
北辰alk1 小时前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk1 小时前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
yinuo1 小时前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
北辰alk1 小时前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk2 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk2 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js
xkxnq2 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js