[HOLD #21219][$250] Android - Group - Inconsistency in showing group name in header in mweb & Android

[kbecciv]

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

---

Version Number: 1.4.79
Reproducible in staging?: y
Reproducible in production?: new feature
If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/4593905
Issue reported by: Applause - Internal Team

Action Performed:

1. Open site in both mweb / Android
2. Open group chat with many members
3. Note the group name in header

Expected Result:

There should be no Inconsistency in showing group name in header in mweb and Android

Actual Result:

Inconsistency in showing group name in header in mweb and Android

Workaround:

n/a

Platforms:

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

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

Bug6502054_1717532864635.group.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01d5db97bd918f3107
• Upwork Job ID: 1798817306448133295
• Last Price Increase: 2024-07-25

Issue Owner

Current Issue Owner: @s77rt

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[melvin-bot]

Triggered auto assignment to @deetergp (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[kbecciv]

We think that this bug might be related to #vip-vsb

[deetergp]

I agree that this should be consistent between mWeb & native in Android, but I also don't think it's serious enough to block the deploy.

[tienifr]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Inconsistency in showing group name in header in mweb and Android

What is the root cause of that problem?

We do not explicit the width for display name, so it's cut off

What changes do you think we should make in order to solve the problem?

We should add textBreakStrategy='simple' to

https://github.com/Expensify/App/blob/main/src/components/DisplayNames/index.native.tsx

What alternative solutions did you explore? (Optional)

• NA

Result