[HOLD for payment 2022-02-16] Room settings page Scrollbar is coming on the middle of the screen - Reported by @parasharrajat

[mvtglobally]

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. Open app
2. Create new room
3. Navigate to room settings
4. make your window vertically short

Expected Result:

Scrollbar should fit the screen

Actual Result:

The scrollbar is in the correct position in other RHN, but in this one it leaves some space

Workaround:

unknown

Platform:

Where is this issue occurring?

• Web

Version Number: 1.1.35-0
Reproducible in staging?: Y
Reproducible in production?: Y
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation

screen-2022-01-26_15.04.04.mp4

Expensify/Expensify Issue URL:
Issue reported by: @parasharrajat
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1643189828462300

View all open jobs on GitHub

[MelvinBot]

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

[parasharrajat]

Proposal

1.. We need to correct the style of

App/src/pages/ReportSettingsPage.js

Line 103 in 9d6e07a

<ScrollView style={[styles.flex1, styles.m5]}>

.

2. Remove the marging and add padding to the content via contentContainerStyles={styles.p5}.

This will correct it.

[tylerkaraszewski]

Marking as external.

[MelvinBot]

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

[puneetlath]

Upwork job is here: https://www.upwork.com/jobs/~01b6a5a7dd93a4dc2d