chore(react/note_title): focus content on enter

This commit is contained in:
Elian Doran 2025-08-21 13:00:05 +03:00
parent 945e180a6f
commit 8a543d4513
No known key found for this signature in database
3 changed files with 12 additions and 6 deletions

View File

@ -31,9 +31,6 @@ export default class NoteTitleWidget extends NoteContextAwareWidget {
}
});
shortcutService.bindElShortcut(this.$noteTitle, "return", () => {
this.triggerCommand("focusOnDetail", { ntxId: this.noteContext?.ntxId });
});
}
async beforeNoteSwitchEvent({ noteContext }: EventData<"beforeNoteSwitch">) {

View File

@ -9,7 +9,7 @@ import { isLaunchBarConfig } from "../services/utils";
import appContext from "../components/app_context";
export default function NoteTitleWidget() {
const { note, noteId, componentId, viewScope, noteContext } = useNoteContext();
const { note, noteId, componentId, viewScope, noteContext, parentComponent } = useNoteContext();
const title = useNoteProperty(note, "title", componentId);
const isProtected = useNoteProperty(note, "isProtected");
const newTitle = useRef("");
@ -41,7 +41,7 @@ export default function NoteTitleWidget() {
});
useEffect(() => {
appContext.addBeforeUnloadListener(() => spacedUpdate.isAllSavedAndTriggerUpdate());
appContext.addBeforeUnloadListener(() => spacedUpdate.isAllSavedAndTriggerUpdate());
}, []);
return (
@ -57,6 +57,14 @@ export default function NoteTitleWidget() {
newTitle.current = newValue;
spacedUpdate.scheduleUpdate();
}}
onKeyDown={(e) => {
// Focus on the note content when pressing enter.
if (e.key === "Enter") {
e.preventDefault();
parentComponent.triggerCommand("focusOnDetail", { ntxId: noteContext?.ntxId });
return;
}
}}
/>}
</div>
);

View File

@ -271,7 +271,8 @@ export function useNoteContext() {
ntxId: noteContext?.ntxId,
viewScope: noteContext?.viewScope,
componentId: parentComponent.componentId,
noteContext: noteContext
noteContext,
parentComponent
};
}