From 69a4a1784870a9189203dc027a98daf66b47ac2f Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Mon, 16 Dec 2024 10:34:33 -0800
Subject: [PATCH] [Multi-User] Press enter in new username textbox trigger
 login (#1919)

* [Multi-User] Press enter in new username textbox trigger login

* nit
---
 src/views/UserSelectView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/UserSelectView.vue b/src/views/UserSelectView.vue
index e446ca97c3..a40cc1c806 100644
--- a/src/views/UserSelectView.vue
+++ b/src/views/UserSelectView.vue
@@ -7,13 +7,14 @@
       class="mt-[5vh] 2xl:mt-[20vh] min-w-84 relative rounded-lg bg-[var(--comfy-menu-bg)] p-5 px-10 shadow-lg"
     >
       <h1 class="my-2.5 mb-7 font-normal">ComfyUI</h1>
-      <form class="flex w-full flex-col items-center">
+      <div class="flex w-full flex-col items-center">
         <div class="flex w-full flex-col gap-2">
           <label for="new-user-input">{{ $t('userSelect.newUser') }}:</label>
           <InputText
             id="new-user-input"
             v-model="newUsername"
             :placeholder="$t('userSelect.enterUsername')"
+            @keyup.enter="login"
           />
         </div>
         <Divider />
@@ -35,7 +36,7 @@
         <footer class="mt-5">
           <Button :label="$t('userSelect.next')" @click="login" />
         </footer>
-      </form>
+      </div>
     </main>
   </div>
 </template>