Merge pull request #679 from Dlouxgit/main

thecodacus · web-flow · commit 4f02887565e1 · 2024-12-14T14:16:31.000+05:30
fix: handle conflicts between input method engine and enter key in chatbox
diff --git a/app/components/chat/BaseChat.tsx b/app/components/chat/BaseChat.tsx
@@ -425,12 +425,15 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
                         }
 
                         event.preventDefault();
-
+                        
                         if (isStreaming) {
                           handleStop?.();
                           return;
                         }
-
+                        // ignore if using input method engine
+                        if (event.nativeEvent.isComposing) {
+                          return
+                        }
                         handleSendMessage?.(event);
                       }
                     }}

Original file line number	Diff line number	Diff line change
`@@ -425,12 +425,15 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(`
`425`	`425`	`}`
`426`	`426`
`427`	`427`	`event.preventDefault();`
`428`		`-`
	`428`	`+`
`429`	`429`	`if (isStreaming) {`
`430`	`430`	`handleStop?.();`
`431`	`431`	`return;`
`432`	`432`	`}`
`433`		`-`
	`433`	`+ // ignore if using input method engine`
	`434`	`+ if (event.nativeEvent.isComposing) {`
	`435`	`+ return`
	`436`	`+ }`
`434`	`437`	`handleSendMessage?.(event);`
`435`	`438`	`}`
`436`	`439`	`}}`