Problem
The Register page uses vh-100 for its wrapper height (RegisterPage.razor line 5). When the iOS keyboard opens (takes ~50% of viewport), the form fields, password requirements list, and submit button get clipped or become unreachable.
The form contains: Display Name, Email, Password, Confirm Password inputs, plus a 4-line password requirements list, plus Sign Up button. This is more content than fits in half a mobile viewport.
Affected Page(s)
Expected Behavior
The form should scroll when the keyboard is open. All fields and the submit button must remain accessible.
Suggested Fix
Replace vh-100 with min-height: 100vh or use a scrollable container:
- Use min-height: 100dvh (dynamic viewport height) instead of height: 100vh
- Ensure the form container has overflow-y: auto
- Consider using 100dvh which accounts for browser chrome and keyboard
File: src/SentenceStudio.UI/Pages/RegisterPage.razor line 5
Priority
Medium -- Blocks new user registration on mobile when keyboard is open.
Problem
The Register page uses vh-100 for its wrapper height (RegisterPage.razor line 5). When the iOS keyboard opens (takes ~50% of viewport), the form fields, password requirements list, and submit button get clipped or become unreachable.
The form contains: Display Name, Email, Password, Confirm Password inputs, plus a 4-line password requirements list, plus Sign Up button. This is more content than fits in half a mobile viewport.
Affected Page(s)
Expected Behavior
The form should scroll when the keyboard is open. All fields and the submit button must remain accessible.
Suggested Fix
Replace vh-100 with min-height: 100vh or use a scrollable container:
File: src/SentenceStudio.UI/Pages/RegisterPage.razor line 5
Priority
Medium -- Blocks new user registration on mobile when keyboard is open.