My drop events fires on firefox every-time but it is inconsistent in chrome.

  <div class="project-show" :class="{ 'dragging': is_dragging }" @dragover.prevent.stop="is_dragging = true" @dragleave="is_dragging = false" @drop.prevent.stop="uploadAssets">
...some other components
</div>

css to disable pointer events on all childrens

.dragging {
    &>* {
        pointer-events: none;
    }
}

my drop event fires inconsistently. it sometimes fires and sometimes does not.
what should I do to make it consistent?

I tried making the children pointer events to none but that did not fix the inconsistent issue.