pref: compositionend

SweetMoon2 · Jun 14, 2023 · 8ff3811 · 8ff3811
1 parent ca456a9
commit 8ff3811
Showing 1 changed file with 8 additions and 21 deletions.
diff --git a/src/components/Chat/InputBox.tsx b/src/components/Chat/InputBox.tsx
@@ -1,4 +1,3 @@
-import { makeEventListener } from "@solid-primitives/event-listener"
 import { Fzf } from "fzf"
 import throttle from "just-throttle"
 import {
@@ -45,25 +44,6 @@ export default function ({
         selector: k => `${k.title}\n${k.desc}`
       })
     })
-    if (store.inputRef) {
-      makeEventListener(
-        store.inputRef,
-        "compositionend",
-        () => {
-          setCompositionend(true)
-          handleInput()
-        },
-        { passive: true }
-      )
-      makeEventListener(
-        store.inputRef,
-        "compositionstart",
-        () => {
-          setCompositionend(false)
-        },
-        { passive: true }
-      )
-    }
   })
 
   function setSuitableheight() {
@@ -134,7 +114,7 @@ export default function ({
         )
       }
     },
-    100,
+    200,
     {
       trailing: false,
       leading: true
@@ -229,6 +209,13 @@ export default function ({
                 }
               }}
               onInput={handleInput}
+              onCompositionStart={() => {
+                setCompositionend(false)
+              }}
+              onCompositionEnd={() => {
+                setCompositionend(true)
+                handleInput()
+              }}
               style={{
                 height: height() + "px"
               }}