From f6d67142cb617bbcb13c612a33021e7714624c89 Mon Sep 17 00:00:00 2001
From: Drew Ansbacher <drew.ansbacher@gmail.com>
Date: Mon, 10 Jan 2022 12:44:12 -0700
Subject: [PATCH] enter click hack (#1048)

* enter click hack

* css class fix:

Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
---
 .../app/components/form-object/form-object.component.html   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/components/form-object/form-object.component.html b/ui/src/app/components/form-object/form-object.component.html
index f70fe67a8..bdc500135 100644
--- a/ui/src/app/components/form-object/form-object.component.html
+++ b/ui/src/app/components/form-object/form-object.component.html
@@ -8,8 +8,9 @@
           <ion-icon name="help-circle-outline"></ion-icon>
         </ion-button>
         <ion-label>{{ unionSpec.tag.name }}</ion-label>
+        <!-- class enter-click disables the enter click on the modal behind the select -->
         <ion-select
-          [interfaceOptions]="{ message: getWarningText(unionSpec.warning) }"
+          [interfaceOptions]="{ message: getWarningText(unionSpec.warning), cssClass: 'enter-click' }"
           slot="end"
           placeholder="Select"
           [formControlName]="unionSpec.tag.id"
@@ -57,8 +58,9 @@
         <!-- enum -->
         <ion-item *ngIf="spec.type === 'enum'">
           <ion-label>{{ spec.name }}</ion-label>
+          <!-- class enter-click disables the enter click on the modal behind the select -->
           <ion-select
-            [interfaceOptions]="{ message: getWarningText(spec.warning) }"
+            [interfaceOptions]="{ message: getWarningText(spec.warning), cssClass: 'enter-click' }"
             slot="end"
             placeholder="Select"
             [formControlName]="entry.key"