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

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

使用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);
      }
    }
  }
}
相关推荐
讨厌吃蛋黄酥几秒前
🔥 揭秘React魔法:从JSX到表单组件的性能与交互之争!
前端·javascript·react.js
沫小北1 分钟前
HarmonyOS Lottie动画库总结
前端·harmonyos
Oriel2 分钟前
在 Strapi v4 中生成专业 API 文档
前端·后端
WildBlue3 分钟前
解锁 Babel - JSX 编译:前端魔法背后的秘密🥳
前端·react.js
南方kenny3 分钟前
React 魔法揭秘:useRef 与 forwardRef 的奇妙之旅
前端·javascript·react.js
LaoZhangAI5 分钟前
Playwright MCP完整指南:AI驱动的浏览器自动化测试革命2025
前端·后端
前端Hardy6 分钟前
Python 打造 Excel 到 JSON 转换工具:从开发到打包全攻略
前端·后端·python
guiyanakaung7 分钟前
CMP 如何优雅的实现跨软件的拖拽功能
前端·github
海上生明月丿11 分钟前
Vue 工程化
前端·javascript·vue.js
李文旺41 分钟前
MVVM & compose
前端