Dialog fix

Author: AntonL9vov

src/components/hive-dialog/hive-dialog.vue

@@ -55,7 +55,7 @@ watch(
 <template>
   <teleport to="body">
     <transition name="backdrop">
-      <div v-if="modelValue" class="hive-dialog" ref="dialogRef" :tabindex="0" @keydown.esc="handleKeydown">
+      <div v-if="modelValue" class="hive-dialog" ref="dialogRef" @keydown.esc="handleKeydown">
         <div
           class="hive-dialog__mask"
           :style="{ backgroundColor: maskBackground, zIndex: zIndex }"

src/components/hive-drop-down/hive-drop-down.vue

@@ -109,10 +109,6 @@ onMounted(() => {
 });
 
 defineExpose({ current });
-
-const onScroll = () => {
-  searchRef.value?.forceFocus();
-};
 </script>
 
 <template>
@@ -152,7 +148,6 @@ const onScroll = () => {
           :style="{
             maxHeight: menuHeight,
           }"
-          @scroll="onScroll"
         >
           <div
             v-for="(item, i) in filteredOptions"
@@ -176,8 +171,7 @@ const onScroll = () => {
 
 <style scoped lang="scss">
 @import '@/assets/variables.scss';
-
-$drop-down-z_menu: 1;
+$drop-down-z_menu: 10000;
 $border-width: 1px;
 $drop-down-border: $border-width solid var(--border, $border);
 $drop-down-selected_background: var(--bg-selected, $bg-selected);

src/examples/components/all-widgets.vue

@@ -803,6 +803,8 @@ const optionsObject1 = {
             <!-- <hive-drop-down v-model="dropdown" :options="optionsObject" :style="{ width: '300px' }" menu-width="0px" /> -->
             <!-- <hive-drop-down v-model="dd3" :options="yearList" title-field="title" value-field="value" /> -->
             <!-- <hive-drop-down v-model="mm" :options="yearList" title-field="title" value-field="id" /> -->
+            <hive-drop-down v-model="dd4" :options="optionsArray" title-field="title" value-field="value" />
+
             <hive-button />
           </div>