diff --git a/src/components/editor/MentionEditor.tsx b/src/components/editor/MentionEditor.tsx index 559dd12..f701d9a 100644 --- a/src/components/editor/MentionEditor.tsx +++ b/src/components/editor/MentionEditor.tsx @@ -500,6 +500,19 @@ const FileDropHandler = Extension.create({ key: new PluginKey("fileDropHandler"), props: { + handleDOMEvents: { + // Need to handle dragover to allow drops + dragover: (_view, event) => { + // Check if files are being dragged + if (event.dataTransfer?.types.includes("Files")) { + event.preventDefault(); + event.dataTransfer.dropEffect = "copy"; + return true; + } + return false; + }, + }, + handleDrop: (_view, event) => { // Check if this is a file drop const files = event.dataTransfer?.files;