Scroll fix

Author: AntonL9vov

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": [

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"