From 2014085e8a745d92610a8f615706fa339b37da8b Mon Sep 17 00:00:00 2001
From: fahimj <fahim.jatmiko@gmail.com>
Date: Tue, 9 Sep 2025 03:56:41 +0700
Subject: [PATCH 1/2] enable text wrapping for mention-user tags on web

---
 .../HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx b/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx
index d42e55a32683..a665ef94f882 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx
@@ -102,7 +102,7 @@ function MentionUserRenderer({style, tnode, TDefaultRenderer, currentUserPersona
                         <Text
                             // eslint-disable-next-line react/jsx-props-no-spreading
                             {...defaultRendererProps}
-                            style={[styles.link, styleWithoutColor, StyleUtils.getMentionStyle(isOurMention), {color: StyleUtils.getMentionTextColor(isOurMention)}]}
+                            style={[styles.link, styleWithoutColor, StyleUtils.getMentionStyle(isOurMention), {color: StyleUtils.getMentionTextColor(isOurMention)}, styles.breakWord, styles.textWrap]}
                             role={CONST.ROLE.LINK}
                             testID="mention-user"
                             href={`/${navigationRoute}`}

From 2ba4a595832209f51b4fd833f190c08cc8137066 Mon Sep 17 00:00:00 2001
From: fahimj <fahim.jatmiko@gmail.com>
Date: Thu, 11 Sep 2025 17:21:14 +0700
Subject: [PATCH 2/2] run prettier

---
 .../HTMLRenderers/MentionUserRenderer.tsx                | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx b/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx
index a665ef94f882..48edc09d7a39 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/MentionUserRenderer.tsx
@@ -102,7 +102,14 @@ function MentionUserRenderer({style, tnode, TDefaultRenderer, currentUserPersona
                         <Text
                             // eslint-disable-next-line react/jsx-props-no-spreading
                             {...defaultRendererProps}
-                            style={[styles.link, styleWithoutColor, StyleUtils.getMentionStyle(isOurMention), {color: StyleUtils.getMentionTextColor(isOurMention)}, styles.breakWord, styles.textWrap]}
+                            style={[
+                                styles.link,
+                                styleWithoutColor,
+                                StyleUtils.getMentionStyle(isOurMention),
+                                {color: StyleUtils.getMentionTextColor(isOurMention)},
+                                styles.breakWord,
+                                styles.textWrap,
+                            ]}
                             role={CONST.ROLE.LINK}
                             testID="mention-user"
                             href={`/${navigationRoute}`}