Merge pull request #43 from abusix/add-z-index-to-multicombobox-options

fix(multi-combobox-options): Add z-index to multicombobox options
abusix · Sep 27, 2023 · 7b23c10 · 7b23c10
2 parents 7c04b29 + 7e0a5af
commit 7b23c10
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/form-field/multi-combobox/multi-combobox-options.tsx b/src/components/form-field/multi-combobox/multi-combobox-options.tsx
@@ -1,15 +1,20 @@
 import React from "react";
 import { Combobox as HeadlessCombobox } from "@headlessui/react";
+import { classNames } from "../../../util/class-names";
 
 export interface MultiComboboxOptionsProps {
     children: React.ReactNode;
+    className?: string;
 }
 
-const MultiComboboxOptions = ({ children }: MultiComboboxOptionsProps) => {
+const MultiComboboxOptions = ({ children, className }: MultiComboboxOptionsProps) => {
     return (
         <HeadlessCombobox.Options
             hold
-            className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-neutral-300 bg-neutral-0 shadow-md outline-none ring-0"
+            className={classNames(
+                "absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-neutral-300 bg-neutral-0 shadow-md outline-none ring-0",
+                className
+            )}
         >
             {children}
         </HeadlessCombobox.Options>