diff --git a/apis/nucleus/src/components/listbox/ListBoxFocusBorder.jsx b/apis/nucleus/src/components/listbox/ListBoxFocusBorder.jsx index 263d672d1..a1ae10292 100644 --- a/apis/nucleus/src/components/listbox/ListBoxFocusBorder.jsx +++ b/apis/nucleus/src/components/listbox/ListBoxFocusBorder.jsx @@ -10,7 +10,7 @@ const StyledBorder = styled('div')(({ theme, width, height }) => ({ boxShadow: `inset 0 0 0 2px ${theme.palette.custom.focusBorder}`, })); -export default function ListBoxFocusBorder({ width, height, isModalMode, childNode, containerNode }) { +export default function ListBoxFocusBorder({ width, height, disabled, childNode, containerNode }) { const [isOnlyContainerFocused, setIsOnlyContainerFocused] = useState(false); const checkFocus = useCallback(() => { @@ -34,7 +34,7 @@ export default function ListBoxFocusBorder({ width, height, isModalMode, childNo }; }, [checkFocus, containerNode]); - const show = !isModalMode && isOnlyContainerFocused; + const show = !disabled && isOnlyContainerFocused; if (!show) { return null; } diff --git a/apis/nucleus/src/components/listbox/ListBoxInline.jsx b/apis/nucleus/src/components/listbox/ListBoxInline.jsx index 0c569de6d..efb094bcd 100644 --- a/apis/nucleus/src/components/listbox/ListBoxInline.jsx +++ b/apis/nucleus/src/components/listbox/ListBoxInline.jsx @@ -281,7 +281,7 @@ function ListBoxInline({ options, layout }) {