fix: ListBox now has optionsWidth prop to override width

supabase · Feb 14, 2022 · 9ed18c0 · 9ed18c0
1 parent 9fb628a
commit 9ed18c0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Listbox/Listbox2.tsx b/src/components/Listbox/Listbox2.tsx
@@ -37,6 +37,7 @@ export interface Props
   defaultValue?: any
   borderless?: boolean
   validation?: (x: any) => void
+  optionsWidth?: number
 }
 
 function Listbox({
@@ -60,6 +61,7 @@ function Listbox({
   borderless = false,
   validation,
   disabled,
+  optionsWidth,
 }: Props) {
   const [selected, setSelected] = useState(undefined)
   const [selectedNode, setSelectedNode] = useState<any>({})
@@ -100,9 +102,10 @@ function Listbox({
 
     function handleResize() {
       // Set window width/height to state
+
       document.documentElement.style.setProperty(
         '--width-listbox',
-        `${triggerRef.current?.offsetWidth}px`
+        `${optionsWidth ? optionsWidth : triggerRef.current?.offsetWidth}px`
       )
     }