Drag&Drop во Vue.js, почему некорректно отрабатывает метод elementFromPoint?

Изобретаю велосипед с Drag&Drop (для опыта и всё такое, про готовые библиотеки знаю).

Делаю по этому примеру.

Я внес некоторые правки в код, но при копировании их в обычный html файл, всё отрабатывает так, как надо. Однако при запуске этого кода во Vue, код на 40 строке отрабатывает неверно - несмотря на явное задание перетаскиваемому элементу свойства hidden = true, в elemBelow всё равно возвращается перетаскиваемый элемент.

clone.hidden = true
let elemBelow = document.elementFromPoint(event.clientX, event.clientY)
console.log('element below is', elemBelow)
clone.hidden = false

Потратил уже пол дня на копание этого вопроса, но успешный запуск в отдельном html файле окончательно сбил меня с толку. Не имею представления, что именно во vue может быть помехой.

В ближайшее время постараюсь оформить codepen с воспроизведением проблемы.

Вот наглядный пример. В консоль выводится значение переменной elemBelow


Ответы (0 шт):