diff --git a/packages/lib/src/components/internal/FormFields/Select/Select.tsx b/packages/lib/src/components/internal/FormFields/Select/Select.tsx index 2acc979d5a..17b2a0bb84 100644 --- a/packages/lib/src/components/internal/FormFields/Select/Select.tsx +++ b/packages/lib/src/components/internal/FormFields/Select/Select.tsx @@ -78,7 +78,11 @@ function Select(props: SelectProps) { */ const handleClickOutside = (e: MouseEvent) => { // use composedPath so it can also check when inside a web component - if (!e.composedPath().includes(selectContainerRef.current)) { + // if composedPath is not available fallback to e.target + const clickIsOutside = e.composedPath ? + !e.composedPath().includes(selectContainerRef.current) : + !selectContainerRef.current.contains(e.target); + if (clickIsOutside) { setShowList(false); } };