From 187f036c800b9ff6bb2d9f392456be01a8e40a76 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 30 Jan 2022 20:45:52 -0800
Subject: [PATCH] fix: Editing image caption broken

---
 shared/editor/nodes/Image.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/shared/editor/nodes/Image.tsx b/shared/editor/nodes/Image.tsx
index c8613f0d0..c38f44ef8 100644
--- a/shared/editor/nodes/Image.tsx
+++ b/shared/editor/nodes/Image.tsx
@@ -277,6 +277,14 @@ export default class Image extends Node {
     downloadImageNode(node);
   };
 
+  handleMouseDown = (ev: React.MouseEvent<HTMLParagraphElement>) => {
+    if (document.activeElement !== ev.currentTarget) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      ev.currentTarget.focus();
+    }
+  };
+
   component = (props: ComponentProps) => {
     const { theme, isSelected } = props;
     const { alt, src, layoutClass } = props.node.attrs;
@@ -310,6 +318,7 @@ export default class Image extends Node {
         <Caption
           onKeyDown={this.handleKeyDown(props)}
           onBlur={this.handleBlur(props)}
+          onMouseDown={this.handleMouseDown}
           className="caption"
           tabIndex={-1}
           role="textbox"