fix: firefox input selection

src/App.ts

@@ -16,6 +16,7 @@ import { translateService } from './service/translate'
 import { viewService } from './service/view'
 import { registerMenuCommand } from './util/gmapi'
 import { scrollBarWidthService } from './service/scrollBarWidth'
+import { getSelectionText } from './util/getSelectionText'
 
 export default defineComponent({
   name: 'IcibaAppRoot',
@@ -58,12 +59,12 @@ export default defineComponent({
       bus.emit({
         type: EVENTS.HOTKEY_SHOW,
         mouseEvent: lastMouseMoveEvent,
-        word: window.getSelection()?.toString().trim() ?? undefined,
+        word: getSelectionText(),
       })
     }
 
     const handleTranslateHotkeyPress = (keys: Array<string>, stop: () => void) => {
-      const word = window.getSelection()?.toString().trim() ?? ''
+      const word = getSelectionText()
 
       if (!lastMouseUpEvent) {
         return

src/service/globalBus/types.ts

@@ -34,7 +34,7 @@ export interface OpenGoogleDictModalAction {
 export interface HotKeyShowAction {
   type: EVENTS.HOTKEY_SHOW
   mouseEvent: MouseEvent
-  word?: string
+  word: string
 }
 
 export interface HotKeyTranslateAction {

src/service/translate/index.ts

@@ -100,10 +100,15 @@ const clearActiveProvider = () => {
 
 const removeSelection = () => {
   const selection = window.getSelection()
-  if (!selection) {
+  if (selection?.toString()) {
+    selection.removeAllRanges()
     return
   }
-  selection.removeAllRanges()
+
+  const active = document.activeElement
+  if (active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement) {
+    active.setSelectionRange(Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER)
+  }
 }
 
 export const translateService = {

src/util/getSelectionText.ts

@@ -0,0 +1,18 @@
+export const getSelectionText = () => {
+  const selection = window.getSelection()
+  if (selection && String(selection)) {
+    return selection.toString().trim()
+  }
+
+  const active = document.activeElement
+  if (active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement) {
+    const start = active.selectionStart
+    const end = active.selectionEnd
+    if (typeof start === 'number' && typeof end === 'number') {
+      const s = active.value.substring(start, end)
+      return s.trim()
+    }
+  }
+
+  return ''
+}

src/view/IcibaCircle/IcibaCircle.ts

@@ -8,6 +8,7 @@ import {
 } from 'vue'
 
 import calcMouseEventPosition from '~/util/calcMouseEventPosition'
+import { getSelectionText } from '~/util/getSelectionText'
 
 import { bus, EVENTS } from '~/service/globalBus'
 import { zIndexService, Z_INDEX_KEY } from '~/service/zIndex'
@@ -58,15 +59,6 @@ export default defineComponent({
       }
     }
 
-    const getSelectionString = () => {
-      const selection = window.getSelection()
-      if (!selection || !String(selection)) {
-        return ''
-      }
-
-      return selection.toString().trim()
-    }
-
     const handleSelfMouseUp = (event: MouseEvent) => {
       // have to wait handleContextmenu trigger
       setTimeout(() => {
@@ -125,7 +117,7 @@ export default defineComponent({
       // cleared on next frame
       await new Promise((rs) => requestAnimationFrame(rs))
 
-      const selectionString = getSelectionString()
+      const selectionString = getSelectionText()
       state.currentWord = selectionString
       if (!selectionString) {
         hide()

src/view/IcibaMain/IcibaMain.ts

@@ -167,7 +167,7 @@ export default defineComponent({
       /** 热键显示 */
       onHotKeyShowUp: (action: HotKeyShowAction) => {
         setPosition(action.mouseEvent)
-        state.inputText = action.word ?? ''
+        state.inputText = action.word
         translateService.clearActiveProvider()
         showIcibaMain(action.mouseEvent, store.core.hotkeyIcibaMainInputAutoFocus)
       },

src/view/SettingPage/subpage/hotKey/hotKey.ts

@@ -5,12 +5,12 @@ import { providers } from '~/provider'
 
 export default defineComponent({
   name: 'HotKeySetting',
-  props: {
-    active: Boolean,
-  },
   components: {
     Foldable,
   },
+  props: {
+    active: Boolean,
+  },
   setup: () => ({
     core: store.core,
     providers,