From 012c9b9f624184eaefaea224a7e17d6287ea8e0a Mon Sep 17 00:00:00 2001 From: Vitaly Rtishchev Date: Mon, 12 Dec 2022 10:55:25 +0400 Subject: [PATCH] [@mantine/hooks] use-click-outside: Fix incorrect outside clicks detection when click target is html element (#3143) --- src/mantine-hooks/src/use-click-outside/use-click-outside.ts | 3 ++- 1 file changed, 2 insertions(+), 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 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)) {