fix(SlateAsInputEditor): fix focus issue by overriding Slate onFocus …

…method Signed-off-by: cdr <[email protected]>
accordproject · Oct 31, 2019 · 8f3390c · 8f3390c
1 parent 7c92bd8
commit 8f3390c
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/SlateAsInputEditor/index.js b/src/SlateAsInputEditor/index.js
@@ -443,6 +443,11 @@ const SlateAsInputEditor = React.forwardRef((props, ref) => {
     onChange(value);
   };
 
+  const onFocusHandler = (_event, editor, _next) => {
+    // see https://github.com/accordproject/markdown-editor/issues/162
+    setTimeout(editor.focus, 0);
+  };
+
   return (
     <div>
       <ToolbarWrapper {...editorProps} id="slate-toolbar-wrapper-id" />
@@ -454,6 +459,7 @@ const SlateAsInputEditor = React.forwardRef((props, ref) => {
           value={Value.fromJSON(value)}
           readOnly={props.readOnly}
           onChange={onChangeHandler}
+          onFocus={onFocusHandler}
           schema={slateSchema}
           plugins={props.plugins}
           onBeforeInput={onBeforeInput}