Workaround solution for ‘useWindowAsScrollContainer’ not scrolling in ie/chrome/firefox

Come across a problem that using ‘useWindowAsScrollContainer’ property, the window won’t scroll when an element dragged to the border of the browser, #58.

It seems that current version v0.6.8 still not fix this problem (maybe it is a feature?).

So, I make a workaround solution:

handleMove(e) {
    if (window.innerHeight - event.clientY < 50) {
       window.scrollBy(0, 10)} // you can use throttle here
    } else if (event.clientY < 50) {
       window.scrollBy(0, -10)
    }
 }

and bind handleMove to onSortMove property.

[jimyaghi]

https://github.com/clauderic/react-sortable-hoc/pull/287

[ThanosDi]

While this indeed scroll the window it has the same effect as moving the wheel mouse while dragging an element. The element “placeholders” are relative to the height while starting dragging and not to the current height of the window. I attached a gif for better demonstration.