Element plus el-table mouse scrolling failure problem and solution

Bug: ElementUI el-table sliding failure under mouse wheel

The conditions for this problem I measured are very harsh, and the following conditions need to be met before it will be triggered:

1.element plus (haven’t tried other versions)

2. When the el-table-column component has a fixed attribute

3. When there is el-button in the template tag, and el-button has size="small"

4. When my browser zoom (Ctrl + scroll wheel) reaches 110%

dfe45ef4abeb4929bd85c2725a8bf199.png

There will be a failure to slide down the mouse wheel. After troubleshooting, it is a problem with the size of the el-button. When the size is small, the button height is 24. My approach is to add a class to the button and change the default height of the button to 22px . , the rolling failure problem is completely solved

c3c75d6f65c34e09ac25e4e7d3426ebf.png

 

 50076dde624c46bc8d2e3c992d8e0c1a.png

 

But it does not completely solve the problem, because it changes the button height of the component, which does not really solve the problem. I have submitted this problem to the element plus official website.

 

 

Guess you like

Origin blog.csdn.net/qq_68155756/article/details/132059107