[Hold for Payment - 21 July] mWeb - Profile - Call me button is overlapping with text in mweb Safari

[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! https://www.upwork.com/jobs/~013c20fc13448fc687

---

Action Performed

1. Go to https://staging.expensify.cash
2. Sign into vanniac27@pyjgoingtd.com with the password asdfASDF00.
3. Navigate to the chat with Concierge. Click the call button.
4. Check the call me button

Expected Result

Call me button isn't overlapping with text in mweb Safari

Actual Result

Call me button is overlapping with text in mweb Safari

Workaround:

Unknown

Platform:

Where is this issue occurring?

Web
iOS
Android
Desktop App
Mobile Web ✔️

Version Number: 1.0.76

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

Notes/Photos/Videos:
Issue is reproducible in production.

Expensify/Expensify Issue URL:

View all open jobs on Upwork

---

Found while executing #3777

[MelvinBot]

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

[shawnborton]

I think this is expected behavior because the green button is fixed to the bottom of the viewport.

[parasharrajat]

But Maybe we forget to add the scroll view behind and she is not able to scroll.

Edit.

1. yes it needs a Scrollview.

Proposal

To fix this we need to wrap the view in ScrollView as we do for other screens so that users can scroll the page.

[roryabraham]

@sketchydroide This can be external, so I'm going to add the label to get the ball rolling here.

[MelvinBot]

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

[sketchydroide]

Thanks @roryabraham

[laurenreidexpensify]

Added to Upwork - https://www.upwork.com/jobs/~013c20fc13448fc687

[MelvinBot]

Triggered auto assignment to @tgolen (Exported), see https://stackoverflow.com/c/expensify/questions/7972 for more details.

[aliabbasmalik8]

Can fix by replacing View with ScrollView here
https://github.com/Expensify/Expensify.cash/blob/f61e6d99b3175a04649187efdbaa004e35ca2ad4/src/pages/RequestCallPage.js#L155

phone number label is also hidden on the small screen. This issue also fix by adding ScrollView

[parasharrajat]

Posted the Proposal here #3950 (comment).
With respect to this, there is a similar issue that will be fixed as well

[isagoico]

Issue reproducible during KI retests

[tgolen]

@parasharrajat Your proposal looks good and yours was posted before @aliabbasmalik8. You have my 🟢 to work on this.

[laurenreidexpensify]

Hired you in Upwork @parasharrajat

[laurenreidexpensify]

@parasharrajat just a heads up, i'm having issues with issuing payment on Upwork - I will try again in a few hours

[laurenreidexpensify]

Paid 👍🏽