Skip to content

Commit b25d774

Browse files
committed
fix(onboarding: modal backdrop blink and height jump
1 parent 0759551 commit b25d774

File tree

1 file changed

+11
-5
lines changed

1 file changed

+11
-5
lines changed

packages/webapp/components/onboarding/OnboardingV2.tsx

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1169,6 +1169,14 @@ export const OnboardingV2 = (): ReactElement => {
11691169
</SearchProvider>
11701170
</div>
11711171

1172+
{/* ── Persistent backdrop across prompt / chooser / auth ── */}
1173+
{(step === 'prompt' || step === 'chooser' || step === 'auth') && (
1174+
<div
1175+
className="bg-black/80 fixed inset-0 z-modal backdrop-blur-lg"
1176+
aria-hidden
1177+
/>
1178+
)}
1179+
11721180
{/* ── Header signup chooser popup ── */}
11731181
{step === 'chooser' && (
11741182
<div
@@ -1178,7 +1186,7 @@ export const OnboardingV2 = (): ReactElement => {
11781186
aria-label="Choose personalization setup"
11791187
>
11801188
<div
1181-
className="onb-modal-backdrop bg-black/80 absolute inset-0 backdrop-blur-lg"
1189+
className="absolute inset-0"
11821190
onClick={closeSignupChooser}
11831191
role="presentation"
11841192
/>
@@ -1541,7 +1549,7 @@ export const OnboardingV2 = (): ReactElement => {
15411549
aria-label="Create your account"
15421550
>
15431551
<div
1544-
className="onb-modal-backdrop bg-black/80 absolute inset-0 backdrop-blur-lg"
1552+
className="absolute inset-0"
15451553
onClick={closeAuthSignup}
15461554
role="presentation"
15471555
/>
@@ -1576,7 +1584,6 @@ export const OnboardingV2 = (): ReactElement => {
15761584
forceDefaultDisplay
15771585
simplified
15781586
autoTriggerProvider={autoTriggerProvider}
1579-
className={{ container: '!min-h-0' }}
15801587
onAuthStateUpdate={(props: Partial<AuthProps>) => {
15811588
if (props.defaultDisplay) {
15821589
setAuthDisplay(props.defaultDisplay);
@@ -2329,9 +2336,8 @@ export const OnboardingV2 = (): ReactElement => {
23292336
role="dialog"
23302337
aria-modal="true"
23312338
>
2332-
{/* Backdrop */}
23332339
<div
2334-
className="onb-modal-backdrop bg-black/80 absolute inset-0 backdrop-blur-lg"
2340+
className="absolute inset-0"
23352341
onClick={() => setStep('hero')}
23362342
role="presentation"
23372343
/>

0 commit comments

Comments
 (0)