From 1336ff81963f8305c476c60415a8a52a106adde8 Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Thu, 25 May 2023 11:04:17 +0100
Subject: [PATCH] Merge pull request #13169 from overleaf/dk-dropimg-handler

[cm6] added drop handler to rich text

GitOrigin-RevId: 9972b788d680645ee83c3bc9376b9446a2b068e9
---
 .../source-editor/extensions/figure-modal.ts   | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts b/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts
index 68581f1380..00e2a00f09 100644
--- a/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts
+++ b/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts
@@ -179,6 +179,24 @@ export const figureModalPasteHandler = (): Extension => {
     return []
   }
   return EditorView.domEventHandlers({
+    drop: evt => {
+      if (!evt.dataTransfer || evt.dataTransfer.files.length === 0) {
+        return
+      }
+      const file = evt.dataTransfer.files[0]
+      if (!ALLOWED_MIME_TYPES.has(file.type)) {
+        return
+      }
+      window.dispatchEvent(
+        new CustomEvent<PastedImageData>('figure-modal:paste-image', {
+          detail: {
+            name: file.name,
+            type: file.type,
+            data: file,
+          },
+        })
+      )
+    },
     paste: evt => {
       if (!evt.clipboardData || evt.clipboardData.files.length === 0) {
         return