React-sortable-hoc: Scroll Not working while dragging with the JSFiddle

[achyutjhunjhunwala]

The JSFiddle Link provided does not have the option of page scrolling when the trying to drag item at 1 st place to 100th place - https://jsfiddle.net/clauderic/6r7r2cva/

But the examples here - http://clauderic.github.io/react-sortable-hoc/#/react-infinite/basic-usage?_k=t5vdof

All support scroll of the container when dragging. Can someone provide update to the fiddle and highlight whats missing

[achyutjhunjhunwala]

I realised the parent container was not scrollable hence the issue. I was able to get the scroll using CSS. But the problem is when the scroll starts happening, the Drag's Drop position starts increasing incrementally. Considering my viewport displays 10 items and I have total 100 items. Now when I start dragging item 1 to anywhere within 1-10, the items shift properly wherever my mouse is and I can drop the element. But once the page scroll starts this offset starts increasing. It's like my mouse is over 20th element but the position for drop has been created at 30th element

[achyutjhunjhunwala]

Closing issue as issue was purely CSS. The Sortable Container needs to have a height and overflow-y: scroll

[markau]

Thanks from the future for the followup comment @achyutjhunjhunwala.

[stellarbelle]

@achyutjhunjhunwala Thanks! I needed to add the height, big help :)

[saba-shaikh]

How to make this work if using react-virtualized list with Autosizer?

[valentindotxyz]

Late to the party but any advice to have it worked properly with AutoSizer from react-virtualized too? 👀

[de326729]

Late to the party but any advice to have it worked properly with AutoSizer from react-virtualized too? 👀

Stuck in the same scenario...got any solution??