Fix: Preserve line breaks in chat widget messages (#2159) #2195
+9
−6
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Added autoFocus to useEffect dependency array in MessageInput - Added key prop to MessageInput to force remount on conversation reset - Implemented refocus after message submission - Removed duplicate input clearing logic in handleKeyDown Fixes arc53#2177
- Added white-space: pre-wrap to Message component styling - Ensures line breaks from Shift+Enter are properly displayed - Improves message formatting with proper spacing Fixes arc53#2159
|
@rahulb18 is attempting to deploy a commit to the Arc53 Team on Vercel. A member of the Team first needs to authorize it. |
Collaborator
|
@rahulb18 The issue was related to the react widget only, was already addressed by another contributor, Thanks for time but this PR needs to be closed |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Fixes line break preservation in the DocsGPT chat widget to properly display multi-line messages.
Changes
white-space: pre-wrapto the Message component in DocsGPTWidgetProblem
Previously, when users typed multi-line messages using Shift+Enter in the chat widget, the line breaks were not displayed in the sent messages. All lines appeared concatenated on a single line.
Solution
Added CSS
white-space: pre-wrapproperty to the Message styled component, which preserves whitespace and line breaks while still allowing text to wrap.Test Plan
Fixes #2159