view-design / ViewUI

A high quality UI Toolkit built on Vue.js 2.0
https://www.iviewui.com/
Other
2.65k stars 797 forks source link

[Bug Report]tabe组件fixed-shadow问题 #1040

Open kkxi22 opened 2 years ago

kkxi22 commented 2 years ago

Environment

随意

Reproduction link

https://codesandbox.io/s/nostalgic-shaw-wfxmri?file=/src/components/HelloWorld.vue:126-138

Steps to reproduce

table加fixed-shadow="auto",列设置 fix="right",只有left可以取消shadow,滚动到右边,shadow不能消失。原因:看了源码,table.vue文件第1075行的handleBodyScroll方法,方法中滚动到右边,event.target.scrollLeft的值为小数,导致event.target.scrollWidth 不等于 event.target.scrollLeft event.target.clientWidth,所以shadow不消失。

What is expected?

滚动到右边,shadow消失。

What is actually happening?

滚动到右边,shadow不消失。


联系邮箱:kkxi22@qq.com.

原因:看了源码,table.vue文件第1075行的handleBodyScroll方法,方法中滚动到右边,event.target.scrollLeft的值为小数,导致event.target.scrollWidth 不等于 event.target.scrollLeft event.target.clientWidth,所以shadow不消失。