[@mantine/hooks] use-click-outside: Fix incorrect outside clicks dete…

…ction when click target is html element (#3143)
mantinedev · Dec 12, 2022 · 012c9b9 · 012c9b9
1 parent 262b380
commit 012c9b9
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/mantine-hooks/src/use-click-outside/use-click-outside.ts b/src/mantine-hooks/src/use-click-outside/use-click-outside.ts
@@ -14,7 +14,8 @@ export function useClickOutside<T extends HTMLElement = any>(
       const { target } = event ?? {};
       if (Array.isArray(nodes)) {
         const shouldIgnore =
-          target?.hasAttribute('data-ignore-outside-clicks') || !document.body.contains(target);
+          target?.hasAttribute('data-ignore-outside-clicks') ||
+          (!document.body.contains(target) && target.tagName !== 'HTML');
         const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));
         shouldTrigger && !shouldIgnore && handler();
       } else if (ref.current && !ref.current.contains(target)) {