add listener to focus input on windows focus

Author: javiert-okta

src/features/common/components/code-editor/editor.component.tsx

@@ -18,6 +18,7 @@ type Props = React.HTMLAttributes<HTMLDivElement> & {
   textareaId?: string;
   textareaClassName?: string;
   autoFocus?: boolean;
+  focusOnWindowFocus?: boolean;
   disabled?: boolean;
   form?: string;
   maxLength?: number;
@@ -87,6 +88,15 @@ export class EditorComponent extends React.Component<Props, State> {
 
   componentDidMount() {
     this._recordCurrentState();
+    if (this.props.focusOnWindowFocus) {
+      window.addEventListener("focus", this._focusInput);
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.props.focusOnWindowFocus) {
+      window.removeEventListener("focus", this._focusInput);
+    }
   }
 
   private _recordCurrentState = () => {
@@ -161,6 +171,13 @@ export class EditorComponent extends React.Component<Props, State> {
     this._history.offset++;
   };
 
+  private _focusInput = () => {
+    const input = this._input;
+
+    if (!input) return;
+    input.focus();
+  };
+
   private _updateInput = (record: Record) => {
     const input = this._input;
 
@@ -466,7 +483,7 @@ export class EditorComponent extends React.Component<Props, State> {
         selectionStart,
         selectionEnd,
       },
-      true,
+      true
     );
 
     this.props.onValueChange(value);
@@ -516,6 +533,7 @@ export class EditorComponent extends React.Component<Props, State> {
       insertSpaces,
       ignoreTabKey,
       preClassName,
+      focusOnWindowFocus,
       ...rest
     } = this.props;