Scroll fix

Smoren · May 15, 2024 · 07d886d · 07d886d
1 parent 82c6e11
commit 07d886d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue3-hive-ui-kit",
   "private": false,
-  "version": "0.7.25-alpha",
+  "version": "0.7.26",
   "type": "module",
   "description": "UI kit for Vue 3",
   "files": [

diff --git a/src/components/hive-drop-down/hive-drop-down.vue b/src/components/hive-drop-down/hive-drop-down.vue
@@ -109,6 +109,10 @@ onMounted(() => {
 });
 
 defineExpose({ current });
+
+const onScroll = () => {
+  searchRef.value?.forceFocus();
+};
 </script>
 
 <template>
@@ -136,8 +140,8 @@ defineExpose({ current });
           @keydown.up.prevent="setPrevActiveValue"
           @keydown.down.prevent="setNextActiveValue"
           @input="onSearch<string>(emit, $event as string)"
+          @focusout="collapse(), onFocusout(emit)"
         />
-        <!-- @focusout="collapse(), onFocusout(emit)" -->
         <i class="hive-drop-down__icon" :class="{ expand: isExpanded }" @mousedown="toggle" />
       </div>
       <transition name="fade" appear>
@@ -148,6 +152,7 @@ defineExpose({ current });
           :style="{
             maxHeight: menuHeight,
           }"
+          @scroll="onScroll"
         >
           <div
             v-for="(item, i) in filteredOptions"