From e5f8b5d789e0fadac1f033c80a0a6ecfb15aeb1f Mon Sep 17 00:00:00 2001 From: Dorian Date: Mon, 20 Jul 2026 06:07:42 +0100 Subject: [PATCH] fix(ui): keep kiosk-mode selectors fully inside :global() (v1.7.104 white screen) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit With :global(html.kiosk-mode) .bg-layer the SFC compiler drops the descendant part and emits bare html.kiosk-mode rules — including display: none !important — blanking the whole document on kiosk. Co-Authored-By: Claude Fable 5 --- neode-ui/src/views/OnboardingWrapper.vue | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/neode-ui/src/views/OnboardingWrapper.vue b/neode-ui/src/views/OnboardingWrapper.vue index fce979de..58c14fef 100644 --- a/neode-ui/src/views/OnboardingWrapper.vue +++ b/neode-ui/src/views/OnboardingWrapper.vue @@ -691,20 +691,24 @@ video.bg-layer { why the kiosk login/onboarding background still went black. Keep 2D opacity crossfades; drop 3D transforms, blur filters, and blend-mode glitch overlays. */ -:global(html.kiosk-mode) .bg-perspective-container, -:global(html.kiosk-mode) .perspective-container { +/* The full selector must live inside :global() — with `:global(html.kiosk-mode) + .bg-layer` the SFC compiler drops the descendant part, emitting bare + `html.kiosk-mode { display: none !important }` rules that blank the whole + document on kiosk (the v1.7.104 white-screen). */ +:global(html.kiosk-mode .bg-perspective-container), +:global(html.kiosk-mode .perspective-container) { perspective: none !important; } -:global(html.kiosk-mode) .bg-layer, -:global(html.kiosk-mode) .view-wrapper { +:global(html.kiosk-mode .bg-layer), +:global(html.kiosk-mode .view-wrapper) { transform: none !important; transform-style: flat !important; backface-visibility: visible !important; will-change: auto !important; filter: none !important; } -:global(html.kiosk-mode) .login-glitch-layer, -:global(html.kiosk-mode) .login-glitch-scan { +:global(html.kiosk-mode .login-glitch-layer), +:global(html.kiosk-mode .login-glitch-scan) { display: none !important; }