Selecting Items While Scrolling a Scrollable Container

[romancavry]

Good day!

I have a container with an inner scrollable area. The goal is to allow users to start a selection from outside the scrollable container, drag through it, scroll while selecting, and have all the items scrolled through be selected.

However, the current behavior is inconsistent: while the container does scroll during selection, only the items current in view get selected, and the previously revealed items are not included in the selection.

Moreover, the container’s scrolling behavior is inconsistent — at times, it becomes unresponsive or gets stuck when trying to scroll.

Example:
https://codesandbox.io/p/devbox/viselect-vanilla-forked-wdx8dq?workspaceId=ws_XGPRG9FwEPkMPVQ89rVckA

For comparison, simple scrollable selection (works as expected):
https://codesandbox.io/p/sandbox/venkm

How can I achieve expected behavior? Is it possible?