Merge pull request #5 from taskbase/fix-empty-field-no-typing-bug

Fix bug where input field would not write inputs if the current string is empty

Author: bersling

projects/angular-keyboard/src/lib/fake-input/fake-input.component.html

@@ -4,9 +4,9 @@
      (click)="onClickInputField($event)">
   <ng-container *ngFor="let char of chars; let idx = index">
     <tb-fake-char #fakechar
-                   (clickLeft)="onClickCharLeft(char, idx)"
-                   (clickRight)="onClickCharRight(char, idx)"
-                   [char]="char"
-                   [cursor]="getCursor(idx)"></tb-fake-char>
+                  (clickLeft)="onClickCharLeft(char, idx)"
+                  (clickRight)="onClickCharRight(char, idx)"
+                  [char]="char"
+                  [cursor]="getCursor(idx)"></tb-fake-char>
   </ng-container>
 </div>

projects/angular-keyboard/src/lib/fake-input/fake-input.component.ts

@@ -39,7 +39,7 @@ interface Cursor {
 export class FakeInputComponent implements OnInit, OnDestroy {
 
   @Input() suggestionMode = false;
-  @Input () initialText = '';
+  @Input() initialText = '';
 
   @Output() text = new EventEmitter();
 
@@ -467,16 +467,18 @@ export class FakeInputComponent implements OnInit, OnDestroy {
   onClickInputField(e) {
     this.focusInput();
     const closest = this.findClosestHorizontalChar(e);
-    if (closest.isLeft) {
-      this.cursor = {
-        index: closest.idx,
-        side: Side.LEFT
-      };
-    } else {
-      this.cursor = {
-        index: closest.idx,
-        side: Side.RIGHT
-      };
+    if (closest != null) {
+      if (closest.isLeft) {
+        this.cursor = {
+          index: closest.idx,
+          side: Side.LEFT
+        };
+      } else {
+        this.cursor = {
+          index: closest.idx,
+          side: Side.RIGHT
+        };
+      }
     }
   }