Почему некорректно работает выделение области в vue-selectable?

Добрый день!
возникла плавающая ошибка: то появляется. то нет.
подключен плагин vue-selectable, заданы области:
- data-constraint="#selection-area", и стили для :

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

- data-box="#selectbox", со стилями:

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

это все закинуто на область со списком с чекбоксами.
по задумке чекбоксы, которые попадают в выделенную область, отмечаются галкой.

но бывает так, что чекбоксы отмечаются не те, что в области, а, например, выше нее, либо не отмечаются вовсе.

Доп инфа:
также подключен плагин vue-virtual-scroller.js для скролла дива с height: calc(100vh - 94px);,
он находится внутри элемента (дива) с атрибутами data-box="#selectbox" data-constraint="#selection-area".

Может, у кого-нибудь будут думы/предложения по этому вопросу.
Заранее благодарна.