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

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

使用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);
      }
    }
  }
}
相关推荐
坚持就完事了1 分钟前
001-初识HTML
前端·html
sophie旭11 分钟前
一个偶现bug引发的onKeyDown 和 onChange之战
前端·javascript·react.js
前端加油站23 分钟前
几种虚拟列表技术方案调研
前端·javascript·vue.js
玲小珑28 分钟前
LangChain.js 完全开发手册(十八)AI 应用安全与伦理实践
前端·langchain·ai编程
JarvanMo1 小时前
8 个你可能忽略了的 Flutter 小部件(一)
前端
JarvanMo1 小时前
Flutter 中的微服务架构:拆解你的应用
前端
JarvanMo1 小时前
对我来说,那个框架就是 Flutter。
前端
Mintopia1 小时前
🧠 自监督学习在 WebAIGC 中的技术突破与应用前景
前端·人工智能·aigc
Mintopia1 小时前
🧭 传统 Web 开发最好的 AI 助手框架排行榜(2025版)
前端·人工智能·aigc