[$250] iOS - Scroll bar is moved to the left side and is overlapping with elements

[izarutskaya]

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.0.38-0
Reproducible in staging?: Y
Reproducible in production?: Y
Found when validation PR: #49239
Logs: https://stackoverflow.com/c/expensify/questions/4856
Issue reported by: Applause-Internal team

Action Performed:

1. Open the app
2. Log in with any Gmail account
3. Tap on Navigate to Search - Filters - Date
4. Scroll up and down

Expected Result:

Scroll bar should be on the right side of the app, next to the edge.

Actual Result:

Scroll bar is moved to the left side and is overlapping with elements.

Workaround:

Unknown

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

Bug6608505_1726725911665.FCJW3271.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021837166890649438945
• Upwork Job ID: 1837166890649438945
• Last Price Increase: 2024-09-20
• Automatic offers:
• ishpaul777 | Contributor | 104058249
• ChavdaSachin | Contributor | 104061970

Issue Owner

Current Issue Owner: @ishpaul777

[melvin-bot]

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

[melvin-bot]

📣 @websquadpro! 📣
Hey, it seems we don’t have your contributor details yet! You'll only have to do this once, and this is how we'll hire you on Upwork.
Please follow these steps:

1. Make sure you've read and understood the contributing guidelines.
2. Get the email address used to login to your Expensify account. If you don't already have an Expensify account, create one here. If you have multiple accounts (e.g. one for testing), please use your main account email.
3. Get the link to your Upwork profile. It's necessary because we only pay via Upwork. You can access it by logging in, and then clicking on your name. It'll look like this. If you don't already have an account, sign up for one here.
4. Copy the format below and paste it in a comment on this issue. Replace the placeholder text with your actual details.
   
   Format:

Contributor details
Your Expensify account email: <REPLACE EMAIL HERE>
Upwork Profile Link: <REPLACE LINK HERE>

[izarutskaya]

We think this issue might be related to the #collect project.

[ChavdaSachin]

Edited by proposal-police: This proposal was edited at 2024-09-19 11:32:49 UTC.

Proposal

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

• IOS scrollbar overlaps with content on - search > Filters > Date page.

What is the root cause of that problem?

• [$125] Scroll bar is on the left side on Wallet page #48769 (comment)
• Same RCA as above issue - migrating to useOnyx from withOnyx solves this problem.

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

• migrating FormProvider and FormWrapper from withOnyx to useOnyx solves the issue.

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.

[zfurtak]

Hey! I’m Zuzanna Furtak from Software Mansion, an expert agency, and I’d like to work on this issue! Our team has been working on the search filters, so it should be a smooth process to debug them.

[melvin-bot]

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

[melvin-bot]

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