[DO NOT PAY - REGRESSION] "Most recent" description in Spanish not in multiple lines and its truncated at the end

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Change language to Spanish in settings
2. Switch the priority to most recent
3. Observe the description

Expected Result:

There should be no truncation

Actual Result:

Truncated at the end

Workaround:

Visual

Platforms:

Which of our officially supported platforms is this issue occurring on?

• [] Android / native
• [] Android / Chrome
• [] iOS / native
• [] iOS / Safari
• MacOS / Chrome / Safari
• [] MacOS / Desktop

Version Number: 1.2.89-0
Reproducible in staging?: y
Reproducible in production?: y
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

mode-2023-03-26_10.59.52.mp4

Expensify/Expensify Issue URL:
Issue reported by: @priya-zha
Slack conversation:
https://expensify.slack.com/archives/C049HHMV9SM/p1679807831421289
View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @jliexpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[MelvinBot]

Bug0 Triage Checklist (Main S/O)

• This "bug" occurs on a supported platform (ensure Platforms in OP are ✅)
• This bug is not a duplicate report (check E/App issues and #expensify-bugs)
  • If it is, comment with a link to the original report, close the issue and add any novel details to the original issue instead
• This bug is reproducible using the reproduction steps in the OP. S/O
  • If the reproduction steps are clear and you're unable to reproduce the bug, check with the reporter and QA first, then close the issue.
  • If the reproduction steps aren't clear and you determine the correct steps, please update the OP.
• This issue is filled out as thoroughly and clearly as possible
  • Pay special attention to the title, results, platforms where the bug occurs, and if the bug happens on staging/production.
• I have reviewed and subscribed to the linked Slack conversation to ensure Slack/Github stay in sync

[jliexpensify]

Asking about this here - https://expensify.slack.com/archives/C01SKUP7QR0/p1679869826758849

It looks like this is designed to wrap, but starting a conversation to see if we want to change this.

[PrashantMangukiya]

@jliexpensify This may be regression from this pr #15646

App/src/components/OptionRow.js

Line 127 in 4aec557

const alternateTextStyle = StyleUtils.combineStyles(textStyle, styles.optionAlternateText, styles.textLabelSupporting, this.props.style, styles.pre);

Remove styles.pre from line 127 it solve the problem. OR Replace styles.pre with styles.preWrap it also solve the problem. Not sure which one is best, this is just suggestion.

Result

[MariaHCD]

Noting here that I think https://expensify.slack.com/archives/C049HHMV9SM/p1679812350450349 might also be a regression from the same PR. Changing this to syles.preWrap fixes the issue:

App/src/components/MenuItem.js

Line 61 in 5c3a6e8

styles.pre,

[jliexpensify]

Thanks @PrashantMangukiya - appreciate it! Confirmed it's a regression so assigning this issue to @tienifr to fix.

[tienifr]

Assign it to me