From 14ac50cdaaa91e760dda3ab8b5b389df76f889f8 Mon Sep 17 00:00:00 2001 From: Jean-Marc Millet Date: Wed, 31 Jul 2024 15:44:40 +0200 Subject: [PATCH] add break word : all to allow the text to break even if there is no space or hyphen --- .../components/constrainedtext/Constrainedtext.component.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/lib/components/constrainedtext/Constrainedtext.component.tsx b/src/lib/components/constrainedtext/Constrainedtext.component.tsx index 60c0220c57..c2c55c4fe3 100644 --- a/src/lib/components/constrainedtext/Constrainedtext.component.tsx +++ b/src/lib/components/constrainedtext/Constrainedtext.component.tsx @@ -26,9 +26,12 @@ const ConstrainedTextContainer = styled.div` -webkit-line-clamp: ${props.lineClamp}; -webkit-box-orient: vertical; overflow-wrap: break-word; + word-break: break-all; ` : `overflow-wrap: break-word; - white-space: nowrap;`}; + white-space: nowrap; + word-break: break-all; + `}; `; const BlockTooltip = styled.div` width: stretch;