Reports - Huge gap between expense row and header after selecting and unselecting expense

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.1.75-0
Reproducible in staging?: Yes
Reproducible in production?: No
If this was caught during regression testing, add the test name, ID and link from TestRail: Exploratory
Email or phone of affected tester (no customers): sdjiosdnjsdoisjdoi@gmail.com
Issue reported by: Applause Internal Team
Device used: Samsung Galaxy Z Fold 4 / Android 15
App Component: Search

Action Performed:

Go to staging.new.expensify.com
Go to workspace chat.
Submit an expense.
Go to Reports.
Long tap on the expense > Select.
Tap on the same expense to unselect it

Expected Result:

There will be no big gap between the expense row and the header.

Actual Result:

There is a huge gap between the expense row and the header.
Dropdown button disappears and search field and menu button are present while still in the selection mode.
This issue also happens when holding and unholding expense in Reports.

Workaround:

Unknown

Platforms:

Screenshots/Videos

1.mp4

View all open jobs on GitHub

👋 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:

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

@kadiealexander

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

@JS00001

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

💬 A slack conversation has been started in #expensify-open-source

Possible culprit PRs for this issue

Feat: Updated the "Download" option to be a push row in both the bulk actions menu and in the More secondary action menu #65246: Refactored bulk-action export handling and modified SearchPageHeader and useSelectedTransactionsActions, which control the header shown when selecting/unselecting expenses, so the new layout could leave excess space after exiting selection mode.
perf: bottom bar switching and search popovers #65240: Changed DropdownButton and SearchPageHeader rendering for performance; these header alterations may mis-calculate height when selection state changes, producing the observed gap.

If not above, check these

Bump react-native-onyx to 2.0.113 #65161: Bumping react-native-onyx alters the data-store’s update cycle that drives report list and header state, so the header no longer re-renders correctly after toggling selection, leaving the large gap described.

Issue is not reproducible on Xiaomi Poco F5 / Android 13-Chrome in v9.1.76-3

1000132414.mp4

Navigation Menu

Repository navigation

Reports - Huge gap between expense row and header after selecting and unselecting expense #65448

Action Performed:

Expected Result:

Actual Result:

Workaround:

Platforms:

Screenshots/Videos

Possible culprit PRs for this issue

If not above, check these

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Reports - Huge gap between expense row and header after selecting and unselecting expense #65448

Description

Action Performed:

Expected Result:

Actual Result:

Workaround:

Platforms:

Screenshots/Videos

Activity

github-actions commented on Jul 3, 2025

melvin-bot commented on Jul 3, 2025

melvin-bot commented on Jul 3, 2025

melvin-bot commented on Jul 3, 2025

BlameGPT commented on Jul 3, 2025

Possible culprit PRs for this issue

If not above, check these

IuliiaHerets commented on Jul 5, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions