Merge pull request #75 from k2maan/tab-enter-fix

Fixed: OMS input reshowing on 'tab and enter' submit
hotwax · Dec 20, 2023 · 745259a · 745259a
2 parents 338b4dd + 69c24c5
commit 745259a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/views/Login.vue b/src/views/Login.vue
@@ -7,11 +7,13 @@
           <section v-if="showOmsInput">
             <ion-item lines="full">
               <ion-label position="fixed">{{ $t("OMS") }}</ion-label>
-              <ion-input name="instanceUrl" v-model="instanceUrl" id="instanceUrl"  type="text" required />
+              <ion-input name="instanceUrl" v-model="instanceUrl" id="instanceUrl" type="text" required />
             </ion-item>
 
             <div class="ion-padding">
-              <ion-button color="primary" expand="block" @click="setOms()">
+              <!-- @keyup.enter.stop to stop the form from submitting on enter press as keyup.enter is already bound
+              through the form above, causing both the form and the button to submit. -->
+              <ion-button color="primary" expand="block" @click.prevent="setOms()" @keyup.enter.stop>
                 {{ $t("Next") }}
                 <ion-icon slot="end" :icon="arrowForwardOutline" />
               </ion-button>