fix: Fix an issue where users cannot enter new line in chat input

tjtanjin · May 20, 2024 · 55da3bf · 55da3bf
1 parent a3f1559
commit 55da3bf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/src/components/ChatBotBody/ChatBotBody.css b/src/components/ChatBotBody/ChatBotBody.css
@@ -52,6 +52,7 @@
 	font-size: 15px;
  	overflow-wrap: anywhere;
 	overflow: hidden;
+	white-space: pre-wrap;
 }
 
 .rcb-bot-message {

diff --git a/src/components/ChatBotInput/ChatBotInput.tsx b/src/components/ChatBotInput/ChatBotInput.tsx
@@ -123,7 +123,12 @@ const ChatBotInput = ({
 	 */ 
 	const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement | HTMLInputElement>) => {
 		if (event.key === "Enter") {
-			event.preventDefault();
+			if (event.shiftKey) {
+				if (!botOptions.chatInput?.allowNewline) {
+					event.preventDefault();
+				}
+				return;
+			}
 			handleSubmit(event);
 		}
 	};

diff --git a/src/services/BotOptionsService.tsx b/src/services/BotOptionsService.tsx
@@ -79,6 +79,7 @@ const defaultOptions = {
 	},
 	chatInput: {
 		disabled: false,
+		allowNewline: false,
 		enabledPlaceholderText: "Type your message...",
 		disabledPlaceholderText: "",
 		showCharacterCount: false,