diff --git a/packages/lsd-react/src/components/Dropdown/Dropdown.tsx b/packages/lsd-react/src/components/Dropdown/Dropdown.tsx index da34aeb..dd5a29a 100644 --- a/packages/lsd-react/src/components/Dropdown/Dropdown.tsx +++ b/packages/lsd-react/src/components/Dropdown/Dropdown.tsx @@ -59,6 +59,8 @@ export const Dropdown: React.FC & { const isControlled = isOpen !== undefined const [openState, setOpenState] = useState(false) + if (isControlled && isOpen !== openState) setOpenState(isOpen) + const { select, isSelected, selected } = useSelect(options, value, { multi, onChange, @@ -81,10 +83,6 @@ export const Dropdown: React.FC & { handleToggle(!openState) } - useEffect(() => { - if (disabled && openState && !isControlled) setOpenState(false) - }, [open, disabled, isControlled]) - // Handle the controlled version of the component: useEffect(() => { typeof isOpen !== 'undefined' && setOpenState(isOpen)