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(