Skip to content

Commit 1eb218f

Browse files
fix(fuselage): Prevent text overflow in message in case of zalgo texts (#1394)
Signed-off-by: Abhinav Kumar <[email protected]> Co-authored-by: gabriellsh <[email protected]>
1 parent 606d89b commit 1eb218f

File tree

2 files changed

+7
-0
lines changed

2 files changed

+7
-0
lines changed

.changeset/khaki-countries-think.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@rocket.chat/fuselage": patch
3+
---
4+
5+
Fixed: Prevent text overflow issues in chat messages when they include a large number of diacritical marks.

packages/fuselage/src/components/Message/Messages.styles.scss

+2
Original file line numberDiff line numberDiff line change
@@ -221,6 +221,8 @@ $message-highlight-colors-background-other-color: theme(
221221
@extend %rcx-margins-block;
222222
@include typography.use-font-scale(p2);
223223

224+
overflow: hidden;
225+
224226
flex-shrink: 1;
225227

226228
transition: opacity 0.3s linear;

0 commit comments

Comments
 (0)