fix: hide drag overlay on mouse drag leave

Signed-off-by: Pedro Lamas <[email protected]>
fluidd-core · Sep 19, 2024 · 2716370 · 2716370
1 parent 8e2c501
commit 2716370
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -326,7 +326,7 @@ export default class App extends Mixins(StateMixin, FilesMixin, BrowserMixin) {
 
   mounted () {
     window.addEventListener('dragover', this.handleDragOver)
-    window.addEventListener('dragenter', this.handleDragEnter)
+    window.addEventListener('dragenter', this.handleDragOver)
     window.addEventListener('dragleave', this.handleDragLeave)
     window.addEventListener('drop', this.handleDrop)
     window.addEventListener('keydown', this.handleKeyDown, false)
@@ -359,7 +359,7 @@ export default class App extends Mixins(StateMixin, FilesMixin, BrowserMixin) {
 
   beforeDestroy () {
     window.removeEventListener('dragover', this.handleDragOver)
-    window.removeEventListener('dragenter', this.handleDragEnter)
+    window.removeEventListener('dragenter', this.handleDragOver)
     window.removeEventListener('dragleave', this.handleDragLeave)
     window.removeEventListener('drop', this.handleDrop)
     window.removeEventListener('keydown', this.handleKeyDown)
@@ -387,12 +387,6 @@ export default class App extends Mixins(StateMixin, FilesMixin, BrowserMixin) {
     }
   }
 
-  handleDragEnter (event: DragEvent) {
-    if (this.fileDropRoot) {
-      event.preventDefault()
-    }
-  }
-
   handleDragLeave (event: DragEvent) {
     if (this.fileDropRoot) {
       event.preventDefault()

diff --git a/src/components/ui/AppDragOverlay.vue b/src/components/ui/AppDragOverlay.vue
@@ -49,6 +49,7 @@ export default class AppDragOverlay extends Vue {
 <style lang="scss" scoped>
   .dragOverlay.v-overlay--active {
     border: dashed 3px #616161;
+    pointer-events: none !important;
   }
 
   .dragOverlay :deep(.v-overlay__content) {