fix(terminal-focus) auto-focus for terminal and text console

canonical · May 9, 2023 · 7344b47 · 7344b47
1 parent 1adf9ad
commit 7344b47
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/pages/instances/InstanceTerminal.tsx b/src/pages/instances/InstanceTerminal.tsx
@@ -141,6 +141,10 @@ const InstanceTerminal: FC<Props> = ({ instance }) => {
     return [data, control];
   };
 
+  useEffect(() => {
+    xtermRef.current?.terminal.focus();
+  }, [xtermRef.current, controlWs]);
+
   useEffect(() => {
     xtermRef.current?.terminal.clear();
     setInTabNotification(null);

diff --git a/src/pages/instances/InstanceTextConsole.tsx b/src/pages/instances/InstanceTextConsole.tsx
@@ -118,6 +118,12 @@ const InstanceTextConsole: FC<Props> = ({
     return [data, control];
   };
 
+  useEffect(() => {
+    if (isRunning) {
+      xtermRef.current?.terminal.focus();
+    }
+  }, [isRunning, xtermRef.current]);
+
   useEffect(() => {
     if (dataWs) {
       return;