[$250] mWeb/safari - Chat - If user taps on the keyboard, they can scroll to show blank spaces

[kbecciv]

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. Access staging.new.expensify.com
2. Sign into a valid user
3. Access any chat on mobile
4. Tap on the input field
5. With the keyboard open, scroll the screen up and down

Expected Result:

The user expects the screen not to show blank elements and to adjust to the users keyboard opened correctly

Actual Result:

The screen UI seems to "Break", if the user scrolls downwards, there is a huge blank space shown and the header can some times be "shakey" and if the user scrolls upwards after doing this, some elements of the UI can be hidden.

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Mobile Web

Version Number: 1.1.88.13

Reproducible in staging?: Yes

Reproducible in production?: Yes

Email or phone of affected tester (no customers): any

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

Notes/Photos/Videos: Any additional supporting documentation

Bug5691663_Header_seems_to_be_shakey.mp4

Bug5691663_Scrolling_after_tapping_the_keyboard_breaks_page_UI.mp4

Expensify/Expensify Issue URL:

Issue reported by: Applause - Internal Team

Slack conversation:

View all open jobs on GitHub

[melvin-bot]

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

[neil-marcellini]

I'm pretty sure that this is a mobile web only issue. It doesn't occur on iOS. We'll have to test Android. It won't happen on Desktop or Web because there is not an on screen keyboard. It looks pretty bad on mobile web so we should fix it.

[melvin-bot]

Triggered auto assignment to @puneetlath (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[puneetlath]

External upwork job: https://www.upwork.com/jobs/~01c4fa4158f879a239
Internal upwork job: https://www.upwork.com/ab/applicants/1560314167990468608/job-details

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @Santhosh-Sellavel (Exported)

[melvin-bot]

Current assignee @puneetlath is eligible for the Exported assigner, not assigning anyone new.

[MadPharaoh]

proposal

this issue with safari only Using any position: fixed on the dragable area so changing the position is the ideal solution

[Santhosh-Sellavel]

@MadPharaoh Can you elaborate your more also with code changes you are proposing. Also explain why it's the only ideal solution?

[Santhosh-Sellavel]

Waiting for proposals

[parasharrajat]

This issue has come up numerous times in different forms. I would suggest not accepting any proposals that do not absolutely work.

[Santhosh-Sellavel]

Thanks, @parasharrajat for jumping in here can you recall any previous issue ids which we can link here?

[parasharrajat]

I would say we just close this for now.
#8731
#5894

There will be more...

[Santhosh-Sellavel]

@puneetlath What do you say then?

[puneetlath]

I agree we should close in favor of #10273.