【BUG】Repeated vertical jumps are triggered when the item (which can make the scroll bar appear) is at the bottom of the viewable area

bvaughn / react-window

React components for efficiently rendering large lists and tabular data

https://react-window.now.sh/

MIT License

15.54k stars 779 forks source link

【BUG】Repeated vertical jumps are triggered when the item (which can make the scroll bar appear) is at the bottom of the viewable area #681

Open DaiQiangReal opened 1 year ago

DaiQiangReal commented 1 year ago

Go to the forked official code sandbox link ⬇️， and scroll to bottom. https://codesandbox.io/s/misty-forest-vzmlju?file=/src/index.js

https://user-images.githubusercontent.com/29626873/198505195-80a9ffc9-379c-4be9-9b29-509aa81c6271.mov

If using MacOS without a mouse, you have to enable this setting to reproduce.

DaiQiangReal commented 1 year ago

Is it a bug or intent？Is there any way to work around it？ We are hosting an open-source react component lib，our user reported this behavior 💗 @bvaughn

zhangdx54 commented 1 year ago

same here

simasjar commented 1 year ago

Adding this css class to your sandbox

.List {
  overflow: scroll !important;
}

fixed the problem for me.

jrweinb commented 2 months ago

I was able to fix the issue by adding padding to the bottom of the scroll container that is larger than the row height.