(Lookup): apply isFocusedInComponent() to the main selector

This commit refers to `v5.9.1`.

Author: msmx-mnakagawa

src/scripts/Lookup.tsx

@@ -5,6 +5,7 @@ import React, {
   KeyboardEvent,
   Ref,
   useRef,
+  useContext,
   useState,
   useEffect,
   ReactNode,
@@ -19,10 +20,11 @@ import { Button } from './Button';
 import { FormElement, FormElementProps } from './FormElement';
 import { Icon, IconCategory } from './Icon';
 import { Spinner } from './Spinner';
+import { isElInChildren, registerStyle } from './util';
+import { ComponentSettingsContext } from './ComponentSettings';
 import { useControlledValue, useEventCallback, useMergeRefs } from './hooks';
 import { createFC } from './common';
 import { Bivariant } from './typeUtils';
-import { registerStyle } from './util';
 
 /**
  *
@@ -1175,18 +1177,24 @@ export const Lookup = createFC<LookupProps, { isFormElement: boolean }>(
         }
       }
 
-      const isComplete = !containerRef.current?.contains(e.relatedTarget);
-
       setTimeout(() => {
-        setOpened(false);
-        onBlur_?.();
-
-        if (isComplete) {
+        if (!isFocusedInComponent()) {
+          setOpened(false);
+          onBlur_?.();
           onComplete?.(true);
         }
       }, 10);
     });
 
+    const { getActiveElement } = useContext(ComponentSettingsContext);
+    const isFocusedInComponent = useEventCallback(() => {
+      const targetEl = getActiveElement();
+      return (
+        isElInChildren(containerRef.current, targetEl) ||
+        isElInChildren(dropdownElRef.current, targetEl)
+      );
+    });
+
     const onInputKeyDown = useKeyHandler({
       type: 'search',
       opened,