fix(SelectCustom): move wrapper on top of Listbox

nuxt · Apr 28, 2022 · 8222d05 · 8222d05 · vercel · Apr 28, 2022
1 parent 7d1c38c
commit 8222d05
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/runtime/components/forms/SelectCustom.vue b/src/runtime/components/forms/SelectCustom.vue
@@ -1,10 +1,10 @@
 <template>
-  <Listbox
-    :model-value="modelValue"
-    :multiple="multiple"
-    @update:model-value="$emit('update:modelValue', $event)"
-  >
-    <div :class="wrapperClass">
+  <div :class="wrapperClass">
+    <Listbox
+      :model-value="modelValue"
+      :multiple="multiple"
+      @update:model-value="$emit('update:modelValue', $event)"
+    >
       <input :value="modelValue" :required="required" class="absolute inset-0 w-px opacity-0 cursor-default" tabindex="-1">
 
       <ListboxButton :class="selectCustomClass">
@@ -41,8 +41,8 @@
           </ListboxOption>
         </ListboxOptions>
       </transition>
-    </div>
-  </Listbox>
+    </Listbox>
+  </div>
 </template>
 
 <script setup lang="ts">