[Due for payment 2025-12-04] [$250] ANDROID 16 ONLY - Company card - Card feed name is displayed partially with blank space

[nlemma]

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: 9.2.58-2
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from BrowserStack: https://test-management.browserstack.com/projects/2219752/test-runs/TR-1968/folder/13176706/41236836/1013858504
Email or phone of affected tester (no customers): jsnoidjdosisjdios@gmail.com
Issue reported by: Applause Internal Team
Device used: Samsung Galaxy S25 FE / Android 16
App Component: Workspace Settings

Action Performed:

Precondition:

• Android 16 only.
• Device font size is minimum.

1. Launch Expensify app.
2. Go to workspace settings > Company cards.
3. Tap Add card.
4. Select United States > Next.
5. Tap Commercial feed > Next.
6. Tap Visa Commercial Cards.
7. Complete the add feed flow and land on card feed.

Expected Result:

Card feed name (Visa cards) will be shown completely.

Actual Result:

Card feed name is only shown partially - "Visa" is shown only, "cards" is missing and replaced by blank space.

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug7003834_1763124560955.Screen_Recording_20251114_204316_Expensify.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021990926066242717270
• Upwork Job ID: 1990926066242717270
• Last Price Increase: 2025-11-18

Issue Owner

Current Issue Owner: @JmillsExpensify

[melvin-bot]

Triggered auto assignment to @JmillsExpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[abbasifaizan70]

Proposal

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

On Android 16 with minimum font size, the card feed name is only partially displayed after adding a commercial feed (e.g., Visa Commercial Cards). Instead of showing "Visa cards", only "Visa" appears with blank space where "cards" should be.

What is the root cause of that problem?

The Text component displaying the feed name in FeedSelector.tsx is missing the numberOfLines={1} prop. Without this, React Native on Android 16 doesn't properly handle text truncation in flex layouts with minimum font size settings, causing text to be cut off incorrectly instead of ellipsizing.

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

Add numberOfLines={1} to the Text component at line 60 in src/components/FeedSelector.tsx:

<Text
    numberOfLines={1}
    style={[styles.textStrong, styles.flexShrink1]}
>
    {feedName}
</Text>

This ensures the text either displays completely or ellipsizes properly when space is limited.

What alternative solutions did you explore? (Optional)

None needed. Adding numberOfLines={1} is the standard React Native solution for text truncation and is already used consistently in similar components throughout the app (e.g., WorkspaceCompanyCardsListRow.tsx).

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021990926066242717270

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @ZhenjaHorbach (External)

[JmillsExpensify]

Pretty specific though I went ahead and opened this up for proposals.