fix: use h-dvh instead of h-screen on mobile draft board (#31)

Replace h-screen (100vh) with h-dvh (100dvh) on the root draft room
container. On mobile browsers, 100vh equals the max viewport height
when the address bar is hidden, causing the page to overflow when the
address bar is visible. 100dvh (dynamic viewport height) correctly
adjusts to the actual visible area at all times.

https://claude.ai/code/session_01GecUeTHw4Mc2ErSYJ6WXae

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Chris Parsons 2026-02-23 08:22:00 -08:00 committed by GitHub
parent 77e408cad8
commit acc78db86e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1092,7 +1092,7 @@ export default function DraftRoom() {
: null;
return (
<div className="h-screen bg-background flex flex-col overflow-hidden">
<div className="h-dvh bg-background flex flex-col overflow-hidden">
{/* Draft Completion Banner */}
{isDraftComplete && (
<div className="bg-emerald-500/20 border-b border-emerald-500/30 text-emerald-400 px-4 py-3 text-center font-semibold flex-shrink-0">