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

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

使用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);
      }
    }
  }
}
相关推荐
星空几秒前
Node.js (Express) + Vue2 Axios 前后端交互 CRUD
vue.js·node.js·express
狗哥哥4 分钟前
统一下载网关技术方案
前端·架构
三块可乐两块冰11 分钟前
rag学习5
linux·前端·python
铁皮饭盒24 分钟前
Bun + SQLite 10个实用技巧
前端·javascript·后端
Hooray26 分钟前
告别低效循环!AI Agent 编排+编程显示器,让前端开发效率实现断代式跃升
前端·人工智能·ai编程
飞天狗11132 分钟前
零基础JavaWeb入门——第4课:表单处理 —— 浏览器怎么把数据发给服务器
java·开发语言·前端·后端·servlet
Hooray1 小时前
前端暗黑模式的适配艺术
前端·vue.js·视觉设计
恋猫de小郭1 小时前
解析华为 DevEco Code 和小米 MiMo Code,都基于 OpenCode ,有什么区别?
android·前端·ios
IT_陈寒1 小时前
Vue的响应式让我原地裂开,你们也有这情况吗
前端·人工智能·后端
问心无愧05131 小时前
ctfshow web入门114
android·前端·笔记