huanld/headlessui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix outside click detection when component is mounted in the Shadow DOM (#2866)

Browse Source 
* Fix outside click detection when component is mounted in the Shadow DOM

* Fix code style

* Fix error
This commit is contained in:
Jordan Pittman
2023-12-05 11:20:37 -05:00
committed by GitHub
parent 24486b39ca
commit 7b30e06088
3 changed files with 146 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/@headlessui-react/src/hooks/use-root-containers.tsx
+1
View File
@@ -43,6 +43,7 @@ export function useRootContainers({
if (!(container instanceof HTMLElement)) continue // Skip non-HTMLElements
if (container.id === 'headlessui-portal-root') continue // Skip the Headless UI portal root
if (container.contains(mainTreeNodeRef.current)) continue // Skip if it is the main app
if (container.contains((mainTreeNodeRef.current?.getRootNode() as ShadowRoot)?.host)) continue // Skip if it is the main app (and the component is inside a shadow root)
if (containers.some((defaultContainer) => container.contains(defaultContainer))) continue // Skip if the current container is part of a container we've already seen (e.g.: default container / portal)
containers.push(container)