Skip to content

C
canifa_note
Unverified Commit 942e1f88 authored by Stephen Zhou's avatar Stephen Zhou Committed by GitHub
Browse files
Options

feat: scrool to memo after editing (#907)

parent b8ab43aa
Show whitespace changes
Inline Side-by-side
Showing with 13 additions and 0 deletions
web/src/components/MemoEditor.tsx
View file @ 942e1f88
...@@ -295,6 +295,15 @@ const MemoEditor = () => { ...@@ -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 = () => { ...@@ -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 = () => { ...@@ -351,6 +362,8 @@ const MemoEditor = () => {
setEditorContentCache(""); setEditorContentCache("");
storage.remove(["editingMemoVisibilityCache"]); storage.remove(["editingMemoVisibilityCache"]);
} }
scrollToEditingMemo();
}; };
const handleContentChange = (content: string) => { const handleContentChange = (content: string) => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment