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

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

使用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);
      }
    }
  }
}
相关推荐
dangfulin1 分钟前
CSS——变换、过度与动画
前端·css
南屿欣风13 分钟前
解决 Gin Web 应用中 Air 热部署无效的问题
前端·gin
猿大师办公助手16 分钟前
Web网页内嵌福昕OFD版式办公套件实现在线预览编辑PDF、OFD文档
前端·pdf·word
幼儿园技术家1 小时前
什么是RESTful 或 GraphQL?
前端
echola_mendes2 小时前
LangChain 结构化输出:用 Pydantic + PydanticOutputParser 驯服 LLM 的“自由发挥”
服务器·前端·数据库·ai·langchain
拉不动的猪2 小时前
刷刷题46(常见的三种js继承类型及其优缺点)
前端·javascript·面试
关注我:程序猿之塞伯坦2 小时前
JavaScript 性能优化实战:突破瓶颈,打造极致 Web 体验
开发语言·前端·javascript
兰德里的折磨5502 小时前
对于后端已经实现逻辑了,而前端还没有设置显示的改造
前端·vue.js·elementui
hikktn2 小时前
【开源宝藏】30天学会CSS - DAY9 第九课 牛顿摆动量守恒动画
前端·css·开源
申朝先生3 小时前
面试的时候问到了HTML5的新特性有哪些
前端·信息可视化·html5