Merge pull request #4893 from thematters/fix/editor-input

fix(editor): skip enter keydown handler on composing
thematters · Oct 15, 2024 · 7866a1d · 7866a1d
2 parents c07352e + 07a2bc6
commit 7866a1d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Editor/Article/Summary/index.tsx b/src/components/Editor/Article/Summary/index.tsx
@@ -60,7 +60,10 @@ const EditorSummary: React.FC<Props> = ({
   const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
     const target = event.target as HTMLTextAreaElement
 
-    if (event.key.toLowerCase() === KEYVALUE.enter) {
+    if (
+      event.key.toLowerCase() === KEYVALUE.enter &&
+      !event.nativeEvent.isComposing
+    ) {
       event.preventDefault()
 
       if (target.selectionStart === target.value.length) {

diff --git a/src/components/Editor/Article/Title/index.tsx b/src/components/Editor/Article/Title/index.tsx
@@ -39,7 +39,10 @@ const EditorTitle: React.FC<Props> = ({ defaultValue = '', update }) => {
   const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
     const target = event.target as HTMLTextAreaElement
 
-    if (event.key.toLowerCase() === KEYVALUE.enter) {
+    if (
+      event.key.toLowerCase() === KEYVALUE.enter &&
+      !event.nativeEvent.isComposing
+    ) {
       event.preventDefault()
 
       if (target.selectionStart === target.value.length) {