Mobile UX: Register page form clipped when iOS keyboard opens

[davidortinau]

Problem

The Register page uses vh-100 centering which doesn't adapt when the iOS keyboard opens in a WKWebView (Blazor Hybrid). The bottom fields (Confirm Password and Create Account button) become unreachable behind the keyboard.

Affected Page(s)

• /auth/register (primary)
• /auth/login (minor)

Suggested Fix

Replace vh-100 with min-vh-100 and add overflow-y: auto, or remove vh-100 entirely and use normal document flow with padding.

Files:

• src/SentenceStudio.UI/Pages/RegisterPage.razor line 4
• src/SentenceStudio.UI/Pages/LoginPage.razor line 4

Priority

MEDIUM -- Users cannot complete registration on mobile if bottom fields are behind keyboard.

[github-actions]

🔄 Ralph — Auto-Triage

Assigned to: Jayne (Tester)
Reason: Matches testing/QA domain

Ralph auto-triaged this issue via the squad heartbeat. To reassign, swap the squad:* label.

[github-actions]

🔄 Ralph — Auto-Triage

Assigned to: Jayne (Tester)
Reason: Matches testing/QA domain

Ralph auto-triaged this issue via the squad heartbeat. To reassign, swap the squad:* label.

[github-actions]

🏗️ Squad Triage — Zoe (Lead)

Issue: #108 — Mobile UX: Register page form clipped when iOS keyboard opens
Assigned to: Wash (Backend Dev)
Reason: Issue relates to backend/API work

@copilot evaluation: 🔴 Not suitable — issue involves work outside the coding agent's capability profile.

Team roster:

• Zoe (Lead) → label: squad:zoe
• Kaylee (Full-stack Dev) → label: squad:kaylee
• Wash (Backend Dev) → label: squad:wash
• River (AI/Prompt Engineer) → label: squad:river
• Jayne (Tester) → label: squad:jayne
• Ralph (Work Monitor) → label: squad:ralph
• @copilot (Coding Agent) → label: squad:copilot

To reassign, remove the current squad:* label and add the correct one.

[davidortinau]

Duplicate - closing in favor of the original.