From 89093167c69ec7ac91f57887b8fe2426afcdcff2 Mon Sep 17 00:00:00 2001
From: "Sijie.Sun" <sunsijie@buaa.edu.cn>
Date: Sat, 16 Nov 2024 21:31:19 +0800
Subject: [PATCH] fix autocomplete not show dropdown (#477)

---
 easytier-web/frontend-lib/src/components/Config.vue    | 4 ++--
 easytier-web/frontend-lib/src/easytier-frontend-lib.ts | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/easytier-web/frontend-lib/src/components/Config.vue b/easytier-web/frontend-lib/src/components/Config.vue
index 4090acb2..6f38c528 100644
--- a/easytier-web/frontend-lib/src/components/Config.vue
+++ b/easytier-web/frontend-lib/src/components/Config.vue
@@ -95,7 +95,7 @@ function searchInetSuggestions(e: { query: string }) {
 
 const listenerSuggestions = ref([''])
 
-function searchListenerSuggestiong(e: { query: string }) {
+function searchListenerSuggestions(e: { query: string }) {
   const ret = []
 
   for (const proto in protos) {
@@ -242,7 +242,7 @@ function searchListenerSuggestiong(e: { query: string }) {
                   <AutoComplete id="listener_urls" v-model="curNetwork.listener_urls" :suggestions="listenerSuggestions"
                     class="w-full" dropdown :complete-on-focus="true"
                     :placeholder="t('chips_placeholder', ['tcp://1.1.1.1:11010'])" multiple
-                    @complete="searchListenerSuggestiong" />
+                    @complete="searchListenerSuggestions" />
                 </div>
               </div>
 
diff --git a/easytier-web/frontend-lib/src/easytier-frontend-lib.ts b/easytier-web/frontend-lib/src/easytier-frontend-lib.ts
index f731c69e..a6ed27c8 100644
--- a/easytier-web/frontend-lib/src/easytier-frontend-lib.ts
+++ b/easytier-web/frontend-lib/src/easytier-frontend-lib.ts
@@ -32,6 +32,12 @@ export default {
                     }
                 },
             },
+            zIndex: {
+                modal: 1100,        //dialog, drawer
+                overlay: 1200,      //select, popover
+                menu: 1300,         //overlay menus
+                tooltip: 1400       //tooltip
+            }
         });
 
         app.component('Config', Config);