[BUG] Navigation disappears & can't scroll down when on input selection

[kwfk]

Describe the bug When inside an input field, the user can't scroll down and the navigation bar disappears. The form is still functional, but this makes it difficult for users because they need to close the keyboard before submitting the form. This is likely because rather than the keyboard pushing up on the page, hiding the remaining items. This makes it hard to continue to other form items under the keyboard.

To Reproduce Steps to reproduce the behavior:

1. Go to a custom profile
2. Click on 'Starting Meter'
3. Click input field for 'Reason for change'
4. Try scrolling down (navigation bar disappears)
5. Cannot access 'Update' button

Expected behavior The page should scroll down to the end of the form even with the keyboard open. The navigation bar should also still be present.

Screenshots

Device (please complete the following information):

• Device Model: Samsung S9
• OS: Android 10

Environment: Which environment(s) is this bug located in? local/development ✅ production

CC: @julianrkung

[julianrkung]

@wangannie could you spend some time seeing if there's a good fix for this? If you spend some time on it and can't find a worthwhile solution, I'm good with notifying the NPO of this bug and having them fix. Seems like pretty decent QOL improvement if fix is easy though

[julianrkung]

Actually, assigning to @micahtyong instead since this seems to be feature-agnostic and I want to spread out the bug assignments, but feel free to ask around and if you don't see a good solution we can have you work other things instead