YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases 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
1 changed files with 13 additions and 0 deletions
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; 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 handleSaveBtnClick = async () => {
const content = editorRef.current?.getContent() ?? ""; const content = editorRef.current?.getContent() ?? "";
try { try {
@ -341,6 +350,8 @@ const MemoEditor = () => {
setEditorContentCache(""); setEditorContentCache("");
storage.remove(["editingMemoVisibilityCache"]); storage.remove(["editingMemoVisibilityCache"]);
editorRef.current?.setContent(""); editorRef.current?.setContent("");
scrollToEditingMemo();
}; };
const handleCancelEdit = () => { const handleCancelEdit = () => {
@ -351,6 +362,8 @@ const MemoEditor = () => {
setEditorContentCache(""); setEditorContentCache("");
storage.remove(["editingMemoVisibilityCache"]); storage.remove(["editingMemoVisibilityCache"]);
} }
scrollToEditingMemo();
}; };
const handleContentChange = (content: string) => { const handleContentChange = (content: string) => {