usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-10-17 09:46:55 +08:00
Code Issues Projects Releases Packages Wiki Activity

feat: scrool to memo after editing (#907)

Browse source
This commit is contained in:
Stephen Zhou 2023-01-19 20:57:45 +08:00 • committed by GitHub
parent b8ab43aa25
commit 942e1f887b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/src/components/MemoEditor.tsx
View file

@ -295,6 +295,15 @@ const MemoEditor = () => {
return resource;
};
const scrollToEditingMemo = useCallback(() => {
if (editorState.editMemoId) {
const memoElements = document.getElementsByClassName(`memos-${editorState.editMemoId}`);
if (memoElements.length !== 0) {
memoElements[0].scrollIntoView({ behavior: "smooth" });
}
}
}, [editorState.editMemoId]);
const handleSaveBtnClick = async () => {
const content = editorRef.current?.getContent() ?? "";
try {
@ -341,6 +350,8 @@ const MemoEditor = () => {
setEditorContentCache("");
storage.remove(["editingMemoVisibilityCache"]);
editorRef.current?.setContent("");
scrollToEditingMemo();
};
const handleCancelEdit = () => {
@ -351,6 +362,8 @@ const MemoEditor = () => {
setEditorContentCache("");
storage.remove(["editingMemoVisibilityCache"]);
}
scrollToEditingMemo();
};
const handleContentChange = (content: string) => {