fix: Editing image caption broken

This commit is contained in:
Tom Moor
2022-01-30 20:45:52 -08:00
parent fac86a2a28
commit 187f036c80

View File

@@ -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"