reproducible on both New Expensify Standalone and HybridApp

Oct 13, 2025 by thesweetdesigns.com 27 views

Introduction

As we continue to improve and refine our application, we have encountered a peculiar issue with the search field in the Reports section. When a user taps on the search field, enters a long search term, and then taps the search button, the search field unexpectedly displays extra right padding. This issue is reproducible on both the New Expensify Standalone and HybridApp versions of the application. In this article, we will delve into the details of this issue, explore possible causes, and discuss potential solutions.

Issue Details

Version Number

The current version of the application where this issue is observed is 9.1.12-0.

Reproducibility

This issue is reproducible in staging and reproducible on both New Expensify Standalone and HybridApp.

Device and App Component

The issue was reported on an iPhone 15 Pro Max running iOS 18.3, and it specifically affects the Search app component in the Reports section.

Expected and Actual Results

When a user performs the following actions:

Launches the application (ND or Hybrid app).
Goes to the Reports section.
Taps on the search field.
Enters a long search term until it is scrollable.
Taps the search button.

The expected result is that the search field will not have extra right padding. However, the actual result is that the search field displays extra right padding.

Workaround

Unfortunately, there is no known workaround for this issue at this time.

Platforms

This issue is observed on the following platforms:

Android: Standalone
Android: HybridApp
Android: mWeb Chrome
iOS: Standalone
iOS: HybridApp
iOS: mWeb Safari

Screenshots and Videos

To better understand the issue, please refer to the attached screenshots and videos:

https://github.com/user-attachments/assets/a2685666-f43f-46e8-82a1-89a25c8df6e4

Possible Causes

Based on the available information, it is difficult to pinpoint the exact cause of this issue. However, some possible causes could be:

A styling issue with the search field component.
A bug in the application's layout management system.
A problem with the search field's padding or margin settings.

Potential Solutions

To resolve this issue, we may need to investigate and address the underlying cause. Some potential solutions could be:

Reviewing and updating the search field component's styling to ensure it is correct.
Checking the application's layout management system for any potential issues.
Adjusting the search field's padding or margin settings to remove the extra right padding.

Conclusion

In conclusion, the Reports - Search Field Has Extra Right Padding issue is a peculiar problem that affects the search field in the Reports section of the application. While we have not yet identified the exact cause of this issue, we have outlined some possible causes and potential solutions. We will continue to investigate and work towards resolving this issue to ensure a seamless user experience.

Getting Involved

If you are interested in contributing to the resolution of this issue, please refer to our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel. We appreciate any help and support in resolving this issue.

Related Issues

If you are interested in exploring other open issues in the application, please refer to the following link:

Introduction

As we continue to work towards resolving the Reports - Search Field Has Extra Right Padding issue, we have received several questions from our community. In this article, we will address some of the most frequently asked questions related to this issue.

Q: What is the current status of the issue?

A: The issue is currently reproducible in staging and reproducible on both New Expensify Standalone and HybridApp. We are actively working to resolve the issue and ensure a seamless user experience.

Q: What are the possible causes of the issue?

A: Based on the available information, some possible causes of the issue could be:

A styling issue with the search field component.
A bug in the application's layout management system.
A problem with the search field's padding or margin settings.

Q: How can I contribute to the resolution of the issue?

A: If you are interested in contributing to the resolution of this issue, please refer to our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel. We appreciate any help and support in resolving this issue.

Q: What are the next steps in resolving the issue?

A: We are currently investigating the issue and exploring possible solutions. Some potential solutions could be:

Reviewing and updating the search field component's styling to ensure it is correct.
Checking the application's layout management system for any potential issues.
Adjusting the search field's padding or margin settings to remove the extra right padding.

Q: Will the issue be resolved in the next release?

A: We are working to resolve the issue as soon as possible. However, we cannot guarantee that the issue will be resolved in the next release. We will provide updates on the issue's status and any changes to the release schedule.

Q: How can I stay up-to-date on the issue's status?

A: You can stay up-to-date on the issue's status by:

Following our GitHub repository for updates on the issue.
Joining our Slack channel for real-time updates and discussions.
Checking our blog for updates on the issue and any related news.

Q: What other issues are related to this issue?

A: If you are interested in exploring other open issues in the application, please refer to the following link:

View all open jobs on GitHub