Как прекратить отмену dragover на краю картинки (dragover постоянно слетает)?

Question

[fron321]

Когда начинаю перетаскивать картинку в область preview (событием dragover), подсвечиваю её бордером. Но такая проблема, что если ввожу по этой области (не бросив картинку), то постоянно на краях картинок которые уже есть, бордер сбрасывается. Как это изменить?

https://codepen.io/fad90/pen/GRrNmMd

Answer 1

[Алексей]

Если коротко, то dragleave всплывает от каждого дочернего элемента у дроп зоны, поэтому, в идеале, у зоны не должно быть дочерних элементов. Т.е. надо поверх картинок создать, например, полупрозрачный div, который и будет дроп зоной.

Но, как быстрый вариант, можно добавить:
pointer-events: none;
для класса preview-image

это как раз отменит эффекты указателя для всех дочерних элементов текущей дроп зоны, чтобы на них не срабатывал dragleave