Unable to drag item far below the visible area when using react-window

[tastytrader]

Expected behavior

When using react-window to render a virtualized list and react-beautiful-dnd for draggable rows, I should be able to drag table rows to any position.

Actual behavior

Unable to drag items far below the visible area.

Steps to reproduce

1. Render a table using a FixedSizeList using react-window (see Using html table element bvaughn/react-window#60 (comment))
2. Make the tbody a Droppable
3. Make the tr elements Draggables
4. Try to drag a row from the top to a much lower row position.
5. You are unable to drag a row to a position far below the visible area.

See https://codesandbox.io/s/react-window-with-table-elements-forked-d91vs?file=/src/index.tsx

Suggested solution?

What version of React are you using?

16.12.0

What version of react-beautiful-dnd are you running?

13.1.0

What browser are you using?

Google Chrome Version 91.0.4472.77 (Official Build) (x86_64)

Demo

Screen.Recording.2021-06-07.at.9.10.09.PM.mp4

https://codesandbox.io/s/react-window-with-table-elements-forked-d91vs?file=/src/index.tsx