properly recover tabs with xterm

terminus-core/src/services/app.service.ts

@@ -105,7 +105,9 @@ export class AppService {
         this.activeTab = tab
         this.activeTabChange.next(tab)
         if (this.activeTab) {
+            setImmediate(() => {
                 this.activeTab.emitFocused()
+            })
             this.hostApp.setTitle(this.activeTab.title)
         }
     }

terminus-plugin-manager/src/components/pluginsSettingsTab.component.pug

@@ -65,7 +65,7 @@ div(*ngIf='npmInstalled')
     .input-group.mb-3
         .input-group-prepend
             .input-group-text
-                i.fas.fa-fw.fa-circle-o-notch.fa-spin(*ngIf='!availablePluginsReady')
+                i.fas.fa-fw.fa-circle-notch.fa-spin(*ngIf='!availablePluginsReady')
                 i.fas.fa-fw.fa-search(*ngIf='availablePluginsReady')
         input.form-control(
             type='text',

terminus-terminal/src/components/baseTerminalTab.component.ts

@@ -145,7 +145,15 @@ export class BaseTerminalTabComponent extends BaseTabComponent implements OnInit
         })
 
         this.frontend.configure()
+
+        if (this.hasFocus) {
             this.frontend.attach(this.content.nativeElement)
+        } else {
+            this.focused$.pipe(first()).subscribe(() => {
+                this.frontend.attach(this.content.nativeElement)
+            })
+        }
+
         this.attachTermContainerHandlers()
 
         this.configure()

terminus-terminal/src/frontends/xtermFrontend.ts

@@ -54,6 +54,14 @@ export class XTermFrontend extends Frontend {
 
         this.xtermCore._scrollToBottom = this.xtermCore.scrollToBottom.bind(this.xtermCore)
         this.xtermCore.scrollToBottom = () => null
+
+        this.resizeHandler = () => {
+            try {
+                (this.xterm as any).fit()
+            } catch {
+                // tends to throw when element wasn't shown yet
+            }
+        }
     }
 
     attach (host: HTMLElement): void {
@@ -61,7 +69,6 @@ export class XTermFrontend extends Frontend {
         this.ready.next(null)
         this.ready.complete()
 
-        this.resizeHandler = () => (this.xterm as any).fit()
         window.addEventListener('resize', this.resizeHandler)
 
         this.resizeHandler()