element-plus [Component] [table, table-column] < el-table-column> 鼠标放在表格向下滑动时失灵的Bug

xyhw6mcr  于 5个月前  发布在  其他
关注(0)|答案(4)|浏览(54)

Bug Type: Component

Environment

  • Vue Version: 3.3.4
  • Element Plus Version: 2.3.8
  • Browser / OS: Chrome 115.0.5790.110(正式版本) (64 位)
  • Build Tool: Vite

Reproduction

  • el-table
  • el-table-column

Element Plus Playground

Steps to reproduce

此bug在上面链接做了演示 设置fixed="right"属性后,并且 里的el-button设置size=“small”时,我的浏览器缩放到110%,鼠标放在表格向下滑动时失灵

What is Expected?

希望可以正常滚动表格

What is actually happening?

无法正常滚动表格

Additional comments

出现表格不滚动现象随着不同的缩放比例和中的内容而变化

lx0bsm1f

lx0bsm1f1#

经过排查是中里的el-button的size的问题,当size值为small值时,按钮高度是24,
我的做法是改变按钮的默认高度为22px,滚动失效问题完全解决。
但是并不能完全解决问题,因为修改按钮高度属于逃避问题,并不是真正解决问题,希望官方排查问题

dohp0rv5

dohp0rv52#

暂时可以先给table设高度,出element自带的滚动条解决,我改不动

cygmwpex

cygmwpex3#

暂时可以先给table设高度,出element自带的滚动条解决,我改不动

设置高度,这样数据只有一两条时,加上分页器就有点丑了

ecfdbz9o

ecfdbz9o4#

这个问题在我这里的场景,再现的方式是, 如果同时存在左右固定列, 且右侧固定列产生了多行换行(不小于三行),会导致页面滚动失效

相关问题