Disable hotkey when focusing on a any input field

- Disable hotkey when focusing on a any input field, textarea, or
CodeMirror element
- No longer automatically play a song when opening lyrics editor

src-tauri/Cargo.toml

@@ -1,10 +1,10 @@
 [package]
 name = "lrcget"
-version = "0.3.1"
-description = "A Tauri App"
-authors = ["you"]
-license = ""
-repository = ""
+version = "0.3.2"
+description = "Utility for mass-downloading LRC synced lyrics for your offline music library."
+authors = ["tranxuanthang"]
+license = "MIT"
+repository = "https://github.com/tranxuanthang/lrcget"
 edition = "2021"
 rust-version = "1.57"
 

src/components/NowPlaying.vue

@@ -94,8 +94,15 @@ onUnmounted(async () => {
 
 onMounted(async () => {
   keydownEvent.value = document.addEventListener('keydown', (event) => {
-    console.log(`is hotkey: ${isHotkey.value}`)
     if (!isHotkey.value) {
+      // hotkey is explicitly disabled
+      return
+    }
+
+    const target = event.target
+
+    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.closest('.v-codemirror')) {
+      // Do nothing if the target is an input, textarea, or CodeMirror element
       return
     }
 

src/components/library/EditLyrics.vue

@@ -135,7 +135,7 @@ const AsyncCodemirror = defineAsyncComponent(async () => {
 })
 
 const { disableHotkey, enableHotkey } = useGlobalState()
-const { status, duration, progress, playTrack, pause, resume, seek } = usePlayer()
+const { status, duration, progress, playingTrack, playTrack, pause, resume, seek } = usePlayer()
 const toast = useToast()
 const props = defineProps(['isShow'])
 const { editingTrack } = useEditLyrics()
@@ -391,8 +391,10 @@ onMounted(async () => {
     unifiedLyrics.value = ''
   }
 
-  stop()
-  playTrack(editingTrack.value)
+  if (playingTrack.value && playingTrack.value.id !== editingTrack.value.id) {
+    playTrack(editingTrack.value)
+    pause()
+  }
 
   const parsed = Lrc.parse(unifiedLyrics.value)