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 index e12f69f326e..d857fc0eb39 100644 --- 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( 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)) {