@inspecto-dev/core 0.3.6 → 0.3.7

package/dist/index.cjs

@@ -4174,7 +4174,61 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   };
   updatePosition();
   menu.style.visibility = "visible";
-  setTimeout(() => input.focus(), 0);
+  const teardownDocFocusGuards = () => {
+    document.removeEventListener("focusin", onDocFocusIn, true);
+    document.removeEventListener("focusout", onDocFocusOut, true);
+  };
+  const onDocFocusIn = (e) => {
+    var _a3, _b2;
+    if (!menu.isConnected) {
+      teardownDocFocusGuards();
+      return;
+    }
+    const path = (_b2 = (_a3 = e.composedPath) == null ? void 0 : _a3.call(e)) != null ? _b2 : [];
+    if (path.includes(menu)) {
+      e.stopImmediatePropagation();
+    }
+  };
+  const onDocFocusOut = (e) => {
+    if (!menu.isConnected) {
+      teardownDocFocusGuards();
+      return;
+    }
+    const related = e.relatedTarget;
+    if (!related) return;
+    if (related === shadowRoot.host) {
+      e.stopImmediatePropagation();
+      return;
+    }
+    if (related instanceof Node && menu.contains(related)) {
+      e.stopImmediatePropagation();
+    }
+  };
+  document.addEventListener("focusin", onDocFocusIn, true);
+  document.addEventListener("focusout", onDocFocusOut, true);
+  const focusAskInput = () => {
+    try {
+      input.focus({ preventScroll: true });
+    } catch (e) {
+      input.focus();
+    }
+  };
+  const isAskInputFocused = () => {
+    try {
+      return shadowRoot.activeElement === input;
+    } catch (e) {
+      return false;
+    }
+  };
+  focusAskInput();
+  const rafId = requestAnimationFrame(() => {
+    if (!menu.isConnected) return;
+    if (!isAskInputFocused()) focusAskInput();
+  });
+  const focusTimeoutId = setTimeout(() => {
+    if (!menu.isConnected) return;
+    if (!isAskInputFocused()) focusAskInput();
+  }, 50);
   const onDocClick = (e) => {
     const eventTarget = e.target;
     if (eventTarget) {
@@ -4191,6 +4245,9 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   setTimeout(() => document.addEventListener("click", onDocClick, { capture: true }), 0);
   function cleanup() {
     document.removeEventListener("click", onDocClick, { capture: true });
+    teardownDocFocusGuards();
+    cancelAnimationFrame(rafId);
+    clearTimeout(focusTimeoutId);
     menu.remove();
     onClose();
   }