diff --git a/apps/pwa/src/components/MemberEditorSheet.tsx b/apps/pwa/src/components/MemberEditorSheet.tsx index 7e1624b..294555d 100644 --- a/apps/pwa/src/components/MemberEditorSheet.tsx +++ b/apps/pwa/src/components/MemberEditorSheet.tsx @@ -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)', }