Fix/flyout (#239)

* fix(flyout): fix z-index and content going behind close trigger * chore(flyout): add important rule to recipe * chore: add changeset * chore: delete changeset
animareflection · May 29, 2024 · feacfd3 · feacfd3
1 parent 4bd5bdd
commit feacfd3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/poor-pumas-call.md b/.changeset/poor-pumas-call.md
@@ -0,0 +1,5 @@
+---
+"@animareflection/ui": patch
+---
+
+Add `!important` rule to `Flyout` z-index
diff --git a/src/components/core/Flyout/Flyout.recipe.ts b/src/components/core/Flyout/Flyout.recipe.ts
@@ -8,7 +8,7 @@ export const flyoutRecipe = defineSlotRecipe({
   base: {
     positioner: {
       position: "relative",
-      zIndex: "menu",
+      zIndex: "menu!",
     },
     content: {
       background: "bg.default",