@@ -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