Layout resets when scrolling horizontally

[nickycdk]

Im trying to combine react-window with react-window-scroller - but something strange is happening. If you scroll to the bottom of the list and then try scrolling horizontally, all content disappears - However, reappears when scrolling vertically again. It's like it's "resetting" after scrolling horizontally?

I've setup an example here: https://codesandbox.io/s/react-window-full-height-page-scroll-horizontal-fszut?file=/src/Test/TableAccuR.js

Try scrolling to the bottom of the list, then use the scrollbar to scroll horizontally, the content disappears? Any ideas ?

[sidharth-ping]

Facing the same issue very odd. Any luck in fixing it?

[RobinClowers]

For posterity, the issue here is that the horizontal scroll event bubbles up to the react-window list, which causes it to reset to showing the first page of items. You can fix this by calling stopPropagation on the horizontal scroll event somewhere before it gets to the react-window element.

This is a byproduct of the way react-window-scroller works, and definitely not a bug in react-window, so I think this issue should be closed.

[an-parubets]

I have the same problem. Tried to fix it with stopPropagation and stopImmediatePropagation but to no avail. Did you manage to fix it successfully?

[sidharth-ping]

I switched to using react virtuoso which supports this and even dynamic sizes @an-parubets

[coratype]

I switched to using react virtuoso which supports this and even dynamic sizes @an-parubets

took me a total of 10 minutes to get this setup and working with Virtuoso, in comparison window was an absolute atrocity to work with.