fix: dropdown z-index issue (#579)

saleor · Sep 19, 2023 · ffe117c · ffe117c · vercel · Sep 19, 2023
1 parent 6fd5c38
commit ffe117c
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/hooks/useFloating.ts b/src/hooks/useFloating.ts
@@ -6,8 +6,12 @@ import {
   autoUpdate,
 } from "@floating-ui/react-dom";
 
-export const useFloating = (): UseFloatingReturn => {
-  return useFloatingHook({
+export const useFloating = (
+  zIndexValue = 1
+): UseFloatingReturn & {
+  floatingStyles: { zIndex: number };
+} => {
+  const { floatingStyles, ...rest } = useFloatingHook({
     whileElementsMounted: autoUpdate,
     middleware: [
       flip(),
@@ -21,4 +25,12 @@ export const useFloating = (): UseFloatingReturn => {
       }),
     ],
   });
+
+  return {
+    ...rest,
+    floatingStyles: {
+      ...floatingStyles,
+      zIndex: zIndexValue,
+    },
+  };
 };