Capture Enter key event in inline edit

src/app/shared/inline-edit/inline-edit.component.html

@@ -6,7 +6,7 @@
     </span>
     <span [hidden]="isDisplay">
         <input #editText type="text"
-            [value]="text" (keyup.enter)="editDone(editText.value)">
+            [value]="text" (keyup.enter)="editDone(editText.value, $event)">
         <i class="icon icon-floppy color-primary" title="Save"
             (click)="editDone(editText.value)"></i>
     </span>

src/app/shared/inline-edit/inline-edit.component.ts

@@ -21,10 +21,17 @@ export class InlineEdit {
         setTimeout(() => { el.focus(); }, 100);
     }
 
-    editDone(newText: string): void {
+    editDone(newText: string, event: Event): void {
         this.isDisplay = true;
         this.text = newText;
         this.edit.emit(this.text);
+
+        // Prevent Enter key from propagating to parent controls
+        if (event.stopPropagation) {
+            event.stopPropagation();
+        } else {
+            event.cancelBubble = true;
+        }
     }
 }