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;
};
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) => {