chore(FormEditor): focus returns when disabled is changed

taskany-inc · Jul 26, 2023 · 346c9cb · 346c9cb
1 parent 9f7eb71
commit 346c9cb
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/FormEditor.tsx b/src/components/FormEditor.tsx
@@ -400,6 +400,17 @@ export const FormEditor = React.forwardRef<HTMLDivElement, FormEditorProps>(
             [open],
         );
 
+        useEffect(() => {
+            if (!disabled) return;
+            onEditorBlur();
+
+            extraRef.current?.focus();
+            extraRef.current?.blur();
+            return () => {
+                monacoEditorRef.current?.focus();
+            };
+        }, [disabled]);
+
         return (
             <div tabIndex={0} ref={extraRef} style={{ outline: 'none' }} onPaste={onEditorPaste}>
                 <StyledEditor