From 6b8f46f0db7fc5c0269a089e65985ad28412fde3 Mon Sep 17 00:00:00 2001
From: ramin <49345856+rmnkhd@users.noreply.github.com>
Date: Tue, 6 Feb 2024 11:24:59 +0330
Subject: [PATCH] fix(VSelect): close options when is open and user clicked on
 input

---
 src/components/form/VSelect.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/form/VSelect.vue b/src/components/form/VSelect.vue
index 0cef652..11f4a7e 100644
--- a/src/components/form/VSelect.vue
+++ b/src/components/form/VSelect.vue
@@ -13,7 +13,7 @@
                     :placeholder="placeholder"
                     :disabled="disabled"
                     :class="inputClassNames"
-                    @focus="onFocus"
+                    @click="toggleMenu"
                 >
 
                 <button
@@ -255,8 +255,6 @@
             const container = ref();
 
             function onFocus() {
-                showMenu();
-
                 const { off } = onClickOutside(container, function () {
                     hideMenu();
                     validate();
@@ -264,6 +262,14 @@
                 });
             }
 
+            function toggleMenu() {
+                if (isShowMenu.value) {
+                    hideMenu();
+                } else {
+                    showMenu();
+                    onFocus();
+                }
+            }
             function clear() {
                 selectedItem.value = undefined;
                 emit('update:modelValue', undefined);
@@ -279,7 +285,7 @@
                 menuClassNames,
 
                 isShowMenu,
-
+                toggleMenu,
                 paginatedItems,
                 addFilteredItems: addPaginatedItems,