fix(auth): hide Turnstile widget container to prevent layout gap (#3706)

The invisible Turnstile iframe was taking up space between the
password field and submit button. Wrapped in a hidden div.
This commit is contained in:
Waleed
2026-03-21 13:23:47 -07:00
committed by GitHub
parent 951c8fd5e9
commit 506d3821bd
2 changed files with 14 additions and 10 deletions
+7 -5
View File
@@ -472,11 +472,13 @@ export default function LoginPage({
</div>
{turnstileSiteKey && (
<Turnstile
ref={turnstileRef}
siteKey={turnstileSiteKey}
options={{ size: 'invisible', execution: 'execute' }}
/>
<div className='h-0 w-0 overflow-hidden'>
<Turnstile
ref={turnstileRef}
siteKey={turnstileSiteKey}
options={{ size: 'invisible', execution: 'execute' }}
/>
</div>
)}
{formError && (
+7 -5
View File
@@ -478,11 +478,13 @@ function SignupFormContent({
</div>
{turnstileSiteKey && (
<Turnstile
ref={turnstileRef}
siteKey={turnstileSiteKey}
options={{ size: 'invisible', execution: 'execute' }}
/>
<div className='h-0 w-0 overflow-hidden'>
<Turnstile
ref={turnstileRef}
siteKey={turnstileSiteKey}
options={{ size: 'invisible', execution: 'execute' }}
/>
</div>
)}
{formError && (