Why is region selection not working correctly in vue-selectable?

Question

Vue.js

Good afternoon!
a floating error occurred: then appears. then no.
the vue-selectable plugin is connected, the areas are set:
- data-constraint="#selection-area", and styles for :

#selection-area {
    position: absolute;
    width: 314px;
    top: 0;
    left: 0px !important;
    bottom: 0;
    z-index: -500;
}

- data-box="#selectbox", with styles:

#selectbox {
    position: absolute;
    border: 1px dotted #000;
    z-index: 9999;
    top: 0;
    left: 0;
    cursor: default;
}

it's all thrown into the area with a list with checkboxes.
as planned, checkboxes that fall into the selected area are marked with a checkbox.
but it happens that checkboxes are not checked in the area, but, for example, above it, or not checked at all.
Additional info:
the vue-virtual-scroller.js plugin is also included for scrolling a div with height: calc(100vh - 94px);,
it is located inside an element (div) with attributes data-box="#selectbox" data-constraint="# selection-area".
Maybe someone will have thoughts/suggestions on this issue.
Thank you in advance.