ElementUI el-table 鼠标滚动失灵的问题及解决办法

Bug:ElementUI el-table 鼠标滚轮下滑动失灵的情况

我测出来的这个问题条件很苛刻,需要达到以下几个条件才会触发:

1.element plus(其他版本没试)

2.el-table-column组件有fixed属性时

3.template标签中有el-button,并且el-button有size="small"时

4.我的浏览器缩放(Ctrl+滚轮)达到110%时

会出现向鼠标滚轮下滑动失灵的情况,经过排查是el-button的size的问题,size为small值时,按钮高度是24,我的做法是给按钮加一个类,改变按钮的默认高度为22px,滚动失效问题完全解决

但是并不能完全解决问题,因为是改变了组件的按钮高度,并不是真正解决问题,此问题我已经提交给了element plus官网

相关推荐
Samsong几秒前
JavaScript逆向之反制无限debugger陷阱
前端·javascript
Lotzinfly2 分钟前
8 个经过实战检验的 Promise 奇淫技巧你需要掌握😏😏😏
前端·javascript·面试
RoyLin4 分钟前
TypeScript设计模式:单例模式
前端·后端·node.js
小公主4 分钟前
我的第一个 React Flow 小实验
前端
RoyLin6 分钟前
TypeScript设计模式:工厂方法模式
前端·后端·node.js
掘金酱9 分钟前
🎉 2025年8月金石计划开奖公示
前端·人工智能·后端
Cache技术分享10 分钟前
191. Java 异常 - 捕获与处理异常
前端·后端
RoyLin10 分钟前
TypeScript设计模式:模板方法模式
前端·后端·node.js
小桥风满袖22 分钟前
极简三分钟ES6 - ES9中对象扩展
前端·javascript