fix(20): WR-03 IN-03 phone sheet maxHeight scroll and safe-area padding

Add maxHeight:90dvh + overflowY:auto to the phone bottom-sheet branch
so content overflowing a short viewport (iPhone SE 667px) is scrollable
rather than clipped and the Save buttons remain reachable.

Add paddingBottom with env(safe-area-inset-bottom) to clear the iOS home
indicator / Android gesture navigation bar (IN-03).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lucas Berger
2026-06-18 18:01:59 -04:00
co-authored by Claude Sonnet 4.6
parent 527d85530c
commit 2fd253ea95
@@ -398,10 +398,17 @@ export function MemberEditorSheet({
bottom: 0,
left: 0,
right: 0,
// WR-03: cap height so content does not spill off screen on short phones
// (iPhone SE 667px with three sections visible). overflowY:'auto' enables
// scroll when content exceeds maxHeight.
maxHeight: '90dvh',
overflowY: 'auto',
background: 'var(--color-surface)',
borderRadius: '12px 12px 0 0',
boxShadow: '0 -4px 24px rgba(0,0,0,0.15)',
padding: 'var(--space-6, 24px)',
// IN-03: pad the bottom to clear iOS home indicator / Android gesture bar
paddingBottom: 'calc(var(--space-6, 24px) + env(safe-area-inset-bottom, 0px))',
zIndex: 301,
fontFamily: 'var(--font-family-base)',
}