[Experimental] RestrictToElement breaks after one drag operation

[smahs]

The bounds work fine when the below code is first run. After the first drag (it doesn't matter which element or where it is dragged), the drag movements are no longer bounded. RestrictTo*Axis helps a bit for mouse drags, but the keyboard dragging suffers if the list is long and inside an overflow-scroll container.

Code used to test:

const container = document.getElementById('container')!;

const modifiers = [
  RestrictToElement.configure({ element: container }),
]
const manager = new DragDropManager({ modifiers });

const itemNodes = container.children;
Array.from(itemNodes).map((item, index) => {
  new Sortable({
    id: index,
    index: index,
    element: item,
  }, manager);
});

[diogotr7]

I'm also hitting this. Using the library in React. Exact same symptoms, the first drag is correctly restricted, any other after is not. I'm also restricting to the vertical axis, which keeps working fine after the first drag.