{
+ if (event.key !== 'Escape' || pathDraft === null) return
+ // stopPropagation keeps the card-scope Escape from the Modal's
+ // document listener — the same containment the input previously
+ // provided for itself.
+ event.stopPropagation()
+ cancelPathEdit()
+ }}
+ // Focus leaving THIS dialog card while editing cancels like Escape.
+ // Guarded non-cancel paths: window/tab focus loss (document no
+ // longer focused); a focus move that stays inside the card (Tab
+ // onto the filtered rows or the footer toggle); and pointer paths,
+ // where rows and the toggle suppress focus steal on mousedown while
+ // editing so their click lands first. Enter keeps focus in the
+ // input while its navigation is in flight, so a submitted path is
+ // never withdrawn here. Anchored to this card via closest, not any
+ // [role="dialog"], so focus escaping into a sibling overlay cancels.
+ onBlur={(event) => {
+ if (pathDraft === null) return
+ if (!document.hasFocus()) return
+ const card = event.currentTarget.closest('[role="dialog"]')
+ /* v8 ignore next -- narrowing guard: this scope always renders inside the Modal card. */
+ if (card === null) return
+ if (event.relatedTarget instanceof Node && card.contains(event.relatedTarget)) return
+ cancelPathEdit()
+ }}
+ >
+
+
+
+ {parent !== null && (
+
)}
-
-
-
-
- {parent !== null && (
-
- )}
- {twoPane && }
- {twoPane && child !== null && (
-
- )}
-
- {loading &&
{t('browser.loading')}
}
- {/* The backend bounds a level at its complete-result limit; say so
+ {twoPane &&
}
+ {twoPane && child !== null && (
+
+ )}
+
+ {loading &&
{t('browser.loading')}
}
+ {/* The backend bounds a level at its complete-result limit; say so
* whenever a visible pane was cut instead of letting the tail of a
* huge directory go silently missing. */}
- {(parent?.truncated === true || child?.truncated === true) && !loading
+ {(parent?.truncated === true || child?.truncated === true) && !loading
&&
{t('browser.truncated')}
}
- {error !== null &&
{error}
}
-