diff --git a/apps/roam/src/components/FuzzySelectInput.tsx b/apps/roam/src/components/FuzzySelectInput.tsx index e685811b8..1dd76f77e 100644 --- a/apps/roam/src/components/FuzzySelectInput.tsx +++ b/apps/roam/src/components/FuzzySelectInput.tsx @@ -93,6 +93,17 @@ const FuzzySelectInput = ({ e.preventDefault(); e.stopPropagation(); if (isOpen && filteredItems[activeIndex]) { + const keyUpHandler = (keyUpEvent: KeyboardEvent) => { + if (keyUpEvent.key === "Enter" || keyUpEvent.key === " ") { + keyUpEvent.preventDefault(); + keyUpEvent.stopPropagation(); + document.removeEventListener("keyup", keyUpHandler, true); + } + }; + document.addEventListener("keyup", keyUpHandler, true); + setTimeout(() => { + document.removeEventListener("keyup", keyUpHandler, true); + }, 150); handleSelect(filteredItems[activeIndex]); } } else if (e.key === "Escape") { diff --git a/apps/roam/src/components/ModifyNodeDialog.tsx b/apps/roam/src/components/ModifyNodeDialog.tsx index c3d71c702..3137e338f 100644 --- a/apps/roam/src/components/ModifyNodeDialog.tsx +++ b/apps/roam/src/components/ModifyNodeDialog.tsx @@ -505,7 +505,7 @@ const ModifyNodeDialog = ({
{/* Node Type Selector */}
-
@@ -539,7 +540,7 @@ const ModifyNodeDialog = ({ } mode={mode} isLocked={isContentLocked} - autoFocus + autoFocus={!isContentLocked} />
@@ -565,11 +566,13 @@ const ModifyNodeDialog = ({ className={`${Classes.DIALOG_FOOTER_ACTIONS} flex-row-reverse items-center`} >