fix: tag drag-n-drop intercepted by files drag-n-drop (#997)

2022-04-25 19:40:51 +05:30
parent 7b29d3f2b5
commit 46582b2577
1 changed files with 7 additions and 2 deletions
--- 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(