Date and state labels are overlapping with input content and placeholder

[isagoico]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Navigate to /bank-account/company
2. Check the date and state picker

Expected Result:

Label and placeholder should not overlap

Actual Result:

Label and placeholder are overlapping

Workaround:

None needed, visual issue.

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.8-0

Reproducible in staging?: Yes
Reproducible in production?: No

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

Issue reported by: Applause
Slack conversation:

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @MariaHCD (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[OSBotify]

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

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

[isagoico]

Also happening in the invite members box

---

Action Performed:

1. Go to https://staging.new.expensify.com
2. Log in with expensifail account
3. Select any workspace
4. Go to Manage members and Click invite
5. Invite 3 users and scroll the box

Expected Result:

Emails should not overlap with the label.

Actual Result:

Text is overlapping with the label.

Workaround:

None needed, visual issue.

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.8-0

Reproducible in staging?: Yes
Reproducible in production?: No

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Bug5282774_Recording__446.mp4

Expensify/Expensify Issue URL:

Issue reported by: Applause
Slack conversation:

View all open jobs on GitHub

[isagoico]

I think this PR might be another possible culprit #5748

[MariaHCD]

For the issue with the incorporation date and state, since we updated the label from State to Incorporation State, the Spanish translations of the labels start overflowing so I'm thinking to just have the two fields on separate rows instead:

cc: @Gonals

[MariaHCD]

As for the second visual issue, it looks like the label starts overlapping for any textarea with text that overflows:

cc: @shawnborton

[MariaHCD]

@isagoico I'm thinking the display issue with the multiline text input can be made into a separate GH issue to go through the triage process separately.

[isagoico]

Opened multiline issue here #5924

[isagoico]

There's this other text input in the request a call modal and add PayPal account that are also having a overlapping between the label and the placeholder. @MariaHCD Do you know if this is caused the same or should I open a separate issue for this?

[MariaHCD]

@isagoico I believe the issues for the text input in the request call modal and add PayPal account are related to #5924. Let's add these additional screenshots to that issue.