[WAITING ON CHECKLIST - MANAN] [$250] Reports- Dropdown button shows different amount when selecting report on wide and small screen

[mitarachim]

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.64-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from BrowserStack: #75113
Email or phone of affected tester (no customers): sdoinjsoidjsoijsiodjo@gmail.com
Issue reported by: Applause Internal Team
Device used: Mac 26.1 / Chrome
App Component: Search

Action Performed:

1. Go to staging.new.expensify.com
2. Go to workspace chat.
3. Create two expenses.
4. Go to Reports > Reports.
5. Select the report from Step 3 via checkbox.
   → Dropdown button shows "1 selected".
6. Resize the screen to small (or do Step 1 to 5 on Android or iOS app).
   → Dropdown button shows "2 selected".

Expected Result:

When selecting a report with multiple expenses, dropdown button will show the same amount on wide and small screen.

Actual Result:

When selecting a report with multiple expenses, dropdown button shows different amount on wide and small screen.

In Step 5, on wide screen, dropdown button shows the number of report selected - 1 selected.
In Step 6, on small screen (or Android and iOS), dropdown button shows the number of expenses selected - 2 selected.

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

Bug7014152_1764169239087.15.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021993834357326715309
• Upwork Job ID: 1993834357326715309
• Last Price Increase: 2025-11-27

Issue Owner

Current Issue Owner: @jliexpensify

[melvin-bot]

Triggered auto assignment to @jliexpensify (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.

[nkdengineer]

Proposal

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

When selecting a report with multiple expenses, dropdown button shows different amount on wide and small screen.

What is the root cause of that problem?

On small screen, we always count the selected transaction.

App/src/components/Search/SearchPageHeader/SearchPageHeader.tsx

Line 50 in 84228cb

itemsLength={selectedTransactionsKeys.length}

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

We should follow the selectedItemsCount here

const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {canBeMissing: true});
    const [email] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: true, selector: emailSelector});
    const {type: unsafeType} = queryJSON;
    const [type] = useMemo(() => {
        const options = getTypeOptions(allPolicies, email);
        const value = options.find((option) => option.value === unsafeType) ?? null;
        return [value];
    }, [allPolicies, email, unsafeType]);

    const selectedItemsCount = useMemo(() => {
        if (!selectedTransactions) {
            return 0;
        }

        if (type?.value === CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT) {
            // In expense report mode, count unique reports instead of individual transactions
            const reportIDs = new Set(
                Object.values(selectedTransactions)
                    .map((transaction) => transaction?.reportID)
                    .filter((reportID): reportID is string => !!reportID),
            );
            return reportIDs.size;
        }

        // Otherwise count transactions
        return Object.keys(selectedTransactions ?? {}).length;
    }, [selectedTransactions, type]);
itemsLength={selectedItemsCount}

App/src/components/Search/SearchPageHeader/SearchPageHeader.tsx

Line 50 in 84228cb

itemsLength={selectedTransactionsKeys.length}

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.

[melvin-bot]

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

[melvin-bot]

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

[mananjadhav]

@nkdengineer's proposal looks good.

🎀 👀 🎀 C+ reviewed

[melvin-bot]

Triggered auto assignment to @MonilBhavsar, see https://stackoverflow.com/c/expensify/questions/7972 for more details.