@ai-matrx/design-system 0.86.358 → 0.86.360

package/dist/swipe-deck.js

@@ -1414,6 +1414,7 @@ function SwipeDeck(props) {
     };
   }, []);
   const rootRef = React4.useRef(null);
+  const answeredHere = React4.useRef(false);
   const frameRef = React4.useRef(null);
   const layerRef = React4.useRef(null);
   const edgeRefs = React4.useRef({});
@@ -1482,6 +1483,7 @@ function SwipeDeck(props) {
     enterFrom.current = null;
     setCardDetail(null);
     setLocked(null);
+    answeredHere.current = true;
     controller.commit(change);
     busy.current = false;
     setHot(edgeRefs.current, null);
@@ -1712,11 +1714,18 @@ function SwipeDeck(props) {
   }, [keyboard, layout]);
   const cardId = cardItem?.id ?? null;
   React4.useEffect(() => {
+    const fromAnswer = answeredHere.current;
+    answeredHere.current = false;
     if (!keyboard || layout === "inline" || cardId === null) return;
     const root = rootRef.current;
-    const active = root?.ownerDocument.activeElement;
+    const doc = root?.ownerDocument;
+    const active = doc?.activeElement ?? null;
     if (!root || active && root.contains(active)) return;
-    if (active?.closest("input, textarea, select, [contenteditable='true'], [role='dialog'], [role='alertdialog'], [role='menu'], [role='listbox']")) return;
+    const idle = !active || active === doc?.body || active === doc?.documentElement;
+    if (!idle && !fromAnswer) return;
+    if (active?.closest("input, textarea, select, [contenteditable]:not([contenteditable='false']), [role='combobox'], [role='textbox'], [role='menu'], [role='listbox']")) return;
+    const dialog = active?.closest("[role='dialog'], [role='alertdialog'], dialog");
+    if (dialog && !dialog.contains(root)) return;
     root.focus({ preventScroll: true });
   }, [cardId, keyboard, layout]);
   const fingerRef = React4.useRef(null);