Fix problem with initial set-up of sequence editor when not initially attached to DOM.

Author: kshetline

src/app/widgets/ks-sequence-editor/ks-sequence-editor.component.scss

@@ -5,6 +5,7 @@ div {
 }
 
 canvas {
+  box-sizing: content-box !important;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   border: 1px solid #D8D8D8;

src/app/widgets/ks-sequence-editor/ks-sequence-editor.component.ts

@@ -119,6 +119,7 @@ export class KsSequenceEditorComponent implements AfterViewInit, OnInit, OnDestr
   protected items: SequenceItemInfo[] = [];
   protected hasFocus = false;
   protected selection = 0;
+  protected setupComplete = false;
 
   public displayState = 'normal';
 
@@ -183,6 +184,23 @@ export class KsSequenceEditorComponent implements AfterViewInit, OnInit, OnDestr
 
   ngAfterViewInit(): void {
     this.canvas = this.canvasRef.nativeElement;
+
+    if (document.body.contains(this.canvas))
+      this.setup();
+    else {
+      const observer = new MutationObserver(() => {
+        if (document.body.contains(this.canvas)) {
+          observer.disconnect();
+          this.setup();
+        }
+      });
+
+      observer.observe(document.body, {childList: true, subtree: true});
+    }
+  }
+
+  private setup(): void {
+    this.canvas = this.canvasRef.nativeElement;
     this.font = getFont(this.canvas);
 
     this.smallFont = this.fixedFont = this.smallFixedFont = this.font;
@@ -233,6 +251,7 @@ export class KsSequenceEditorComponent implements AfterViewInit, OnInit, OnDestr
       this.canvas.contentEditable = 'false';
 
     this.computeSize();
+    this.setupComplete = true;
     this.draw();
   }
 
@@ -310,7 +329,7 @@ export class KsSequenceEditorComponent implements AfterViewInit, OnInit, OnDestr
   }
 
   protected draw(): void {
-    if (!this.canvas)
+    if (!this.canvas || !this.setupComplete)
       return;
 
     const padding = KsSequenceEditorComponent.getPadding(this.metrics);

src/assets/about.html

@@ -60,7 +60,7 @@
   <h2 class="header-sans"><a name="history">What's New / Version History</a></h2>
   <div  style="padding-left: 1em; text-indent: -1em">
 
-  <p><b>1.5.0, 2019-04-16:</b> Updated GRS data and UTC conversion, made changes needed for full functionality
+  <p><b>1.5.0, 2019-04-18:</b> Updated GRS data and UTC conversion, made changes needed for full functionality
     via HTTPS.</p>
 
   <p><b>1.4.14, 2018-08-14:</b> Added quick drawing mode for Orbits view. Added speed metrics.</p>

tslint.json

@@ -49,9 +49,6 @@
     "object-literal-sort-keys": false,
     "one-line": [
       true,
-      //"check-open-brace",
-      //"check-catch",
-      //"check-else",
       "check-whitespace"
     ],
     "quotemark": [