[READY FOR PAYMENT][$250] Can not select 'Payment account' in Workflow Page

[m-natarajan]

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.25-14
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @dukenv0307
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1724786774524009

Action Performed:

1. Go to a workspace
2. Enable Workflow
3. Connect bank account
4. Place the mouse cursor below the text 'Payment account'
5. Click 3 times to select

Expected Result:

Can select all 'Payment Account' text

Actual Result:

Text in bank account selected

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

Add any screenshot/video evidence

bug.1.mov

Recording.497.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021831332987291555271
• Upwork Job ID: 1831332987291555271
• Last Price Increase: 2024-09-04
• Automatic offers:
• dukenv0307 | Reviewer | 103830400

Issue Owner

Current Issue Owner: @

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.

[daledah]

Proposal

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

Text in bank account selected

What is the root cause of that problem?

Currently, we have styles with negative margins here, and the margin of the bank account is overlapping the text 'Payment account'.

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

1. We should remove negative margins here

        <View style={[styles.sectionMenuItemTopDescription, styles.mt5, styles.pb1, styles.pt1]}>

2. And also remove extra margin top here

       wrapperStyle={[styles.sectionMenuItemTopDescription, styles.mbn3]}

What alternative solutions did you explore? (Optional)

Result:

result.mov

[dukenv0307]

I report this bug so I can take it as C+

[melvin-bot]

@JmillsExpensify Eep! 4 days overdue now. Issues have feelings too...

[melvin-bot]

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