diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx index 7fb5533fd172..c809e1b050bd 100644 --- a/src/components/MenuItem.tsx +++ b/src/components/MenuItem.tsx @@ -342,6 +342,9 @@ type MenuItemBaseProps = { /** Should use auto width for the icon container. */ shouldIconUseAutoWidthStyle?: boolean; + + /** Should break word for room title */ + shouldBreakWord?: boolean; }; type MenuItemProps = (IconProps | AvatarProps | NoIcon) & MenuItemBaseProps; @@ -444,6 +447,7 @@ function MenuItem( shouldShowSelectedItemCheck = false, onHideTooltip, shouldIconUseAutoWidthStyle = false, + shouldBreakWord = false, }: MenuItemProps, ref: PressableRef, ) { @@ -469,6 +473,7 @@ function MenuItem( interactive && disabled ? {...styles.userSelectNone} : {}, styles.ltr, isDeleted ? styles.offlineFeedback.deleted : {}, + shouldBreakWord ? styles.breakWord : {}, ], titleStyle ?? {}, ); diff --git a/src/pages/ReportDetailsPage.tsx b/src/pages/ReportDetailsPage.tsx index 8bf3da6e33e0..b498fcd37e36 100644 --- a/src/pages/ReportDetailsPage.tsx +++ b/src/pages/ReportDetailsPage.tsx @@ -744,6 +744,8 @@ function ReportDetailsPage({policies, report, route, reportMetadata}: ReportDeta description={!shouldDisableRename ? roomDescription : ''} furtherDetails={chatRoomSubtitle && !isGroupChat ? additionalRoomDetails : ''} onPress={() => Navigation.navigate(ROUTES.REPORT_SETTINGS_NAME.getRoute(report.reportID, backTo))} + numberOfLinesTitle={0} + shouldBreakWord />