fix: prevent default save shortcut on notes edit

slidevjs · Jul 5, 2024 · 07aa1bb · 07aa1bb
1 parent fb1628d
commit 07aa1bb
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/client/internals/NoteEditable.vue b/packages/client/internals/NoteEditable.vue
@@ -94,6 +94,14 @@ function calculateEditorHeight() {
     inputEl.value.style.height = `${inputEl.value.scrollHeight}px`
 }
 
+function onKeyDown(e: KeyboardEvent) {
+  // Override save shortcut on editing mode
+  if (editing.value && e.metaKey && e.key === 's') {
+    e.preventDefault()
+    update({ note: note.value }, props.no)
+  }
+}
+
 watch(
   [note, editing],
   () => {
@@ -129,5 +137,6 @@ watch(
     :class="props.class"
     :placeholder="placeholder"
     @keydown.esc="editing = false"
+    @keydown="onKeyDown"
   />
 </template>