fix: Editing image caption broken
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user