fix: can not open in web component (#575)

react-component · Feb 6, 2021 · d93924e · d93924e · vercel · Feb 6, 2021
1 parent a15a8ad
commit d93924e
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/hooks/useSelectTriggerControl.ts b/src/hooks/useSelectTriggerControl.ts
@@ -14,12 +14,15 @@ export default function useSelectTriggerControl(
 
   React.useEffect(() => {
     function onGlobalMouseDown(event: MouseEvent) {
-      const target = event.target as HTMLElement;
+      let target = event.target as HTMLElement;
+
+      if (target.shadowRoot && event.composed) {
+        target = (event.composedPath()[0] || target) as HTMLElement;
+      }
+
       if (
         propsRef.current.open &&
-        propsRef.current.elements.every(
-          element => !element.contains(target) && element !== target,
-        )
+        propsRef.current.elements.every(element => !element.contains(target) && element !== target)
       ) {
         // Should trigger close
         propsRef.current.triggerOpen(false);