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

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

使用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);
      }
    }
  }
}
相关推荐
定栓12 分钟前
Webpack迁到Vite第七节(一):全家桶移除 — 配置文件与构建核心
前端·webpack·node.js
码艺-Alimjan19 分钟前
维吾尔语 RTL 排版的隐形利器:`\u200F`
前端·javascript
alwaysrun19 分钟前
Web之wasm-pack详解
前端·rust·web·wasm
广州华水科技1 小时前
如何通过单北斗GNSS实现精准的变形监测?
前端
云和数据.ChenGuang1 小时前
print(f“a+b=“,result) print(f“a+b={result}“)区别
java·前端·人工智能·python·深度学习
速易达网络2 小时前
基于 Vue3 + Flask + ECharts 构建政务 OA 系统门户
前端·echarts·政务
何何____2 小时前
TypeScript 函数类型兼容性
前端·javascript·typescript
雪芽蓝域zzs2 小时前
json数据转化成interface属性
前端·javascript·json
Java小卷2 小时前
Vue3 动态表单支持弹框组件
前端·vue.js·低代码