From 46582b2577b439e1d0d404fa9d2f865eb2ddaf6c Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 25 Apr 2022 19:40:51 +0530
Subject: [PATCH] fix: tag drag-n-drop intercepted by files drag-n-drop (#997)

---
 .../AttachedFilesPopover/AttachedFilesButton.tsx         | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/Components/AttachedFilesPopover/AttachedFilesButton.tsx b/app/assets/javascripts/Components/AttachedFilesPopover/AttachedFilesButton.tsx
index 9575d4c84..d0b1442c4 100644
--- a/app/assets/javascripts/Components/AttachedFilesPopover/AttachedFilesButton.tsx
+++ b/app/assets/javascripts/Components/AttachedFilesPopover/AttachedFilesButton.tsx
@@ -223,8 +223,13 @@ export const AttachedFilesButton: FunctionComponent<Props> = observer(
     const dragCounter = useRef(0)
 
     const handleDrag = (event: DragEvent) => {
-      event.preventDefault()
-      event.stopPropagation()
+      if (
+        event.dataTransfer?.items &&
+        Array.from(event.dataTransfer.items).some((item) => item.kind === 'file')
+      ) {
+        event.preventDefault()
+        event.stopPropagation()
+      }
     }
 
     const handleDragIn = useCallback(