fix: headless ui float transition

shuriken-ui · Dec 8, 2023 · d50fad9 · d50fad9
1 parent ffd763b
commit d50fad9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/components/base/BaseDropdown.vue b/components/base/BaseDropdown.vue
@@ -150,12 +150,12 @@ const placementValue = computed(() => {
       class="nui-menu"
     >
       <Float
-        enter-active-class="transition duration-100 ease-out"
-        enter-from-class="transform scale-95 opacity-0"
-        enter-to-class="transform scale-100 opacity-100"
-        leave-active-class="transition duration-75 ease-in"
-        leave-from-class="transform scale-100 opacity-100"
-        leave-to-class="transform scale-95 opacity-0"
+        enter="transition duration-100 ease-out"
+        enter-from="transform scale-95 opacity-0"
+        enter-to="transform scale-100 opacity-100"
+        leave="transition duration-75 ease-in"
+        leave-from="transform scale-100 opacity-100"
+        leave-to="transform scale-95 opacity-0"
         flip
         :offset="props.flavor === 'context' ? 6 : 4"
         :strategy="props.fixed ? 'fixed' : 'absolute'"

diff --git a/components/form/BaseListbox.vue b/components/form/BaseListbox.vue
@@ -260,9 +260,9 @@ const value = computed(() => {
     >
       <Float
         composable
-        leave-active-class="transition duration-100 ease-in"
-        leave-from-class="opacity-100"
-        leave-to-class="opacity-0"
+        leave="transition duration-100 ease-in"
+        leave-from="opacity-100"
+        leave-to="opacity-0"
         flip
         :offset="5"
         :strategy="props.fixed ? 'fixed' : 'absolute'"