From 16a095b2c830cc8bf52afff08a705daca15a1ecb Mon Sep 17 00:00:00 2001 From: Paul Bakaus Date: Tue, 21 Jul 2026 17:38:10 -0700 Subject: [PATCH] The hidden lightbox no longer eats every click #lightbox { display: flex } outspecified the UA's [hidden] rule, so an invisible full-viewport layer sat over the page and blocked all hover and click. #lightbox[hidden] { display: none } restores reality. Co-Authored-By: Claude Fable 5 --- skill/scripts/serve-question.mjs | 1 + 1 file changed, 1 insertion(+) diff --git a/skill/scripts/serve-question.mjs b/skill/scripts/serve-question.mjs index 7f2650aec..8ebd69ef3 100644 --- a/skill/scripts/serve-question.mjs +++ b/skill/scripts/serve-question.mjs @@ -235,6 +235,7 @@ function page() { #scrim { position: fixed; inset: 0; z-index: 0; background: linear-gradient(180deg, oklch(7% 0.006 95 / 0.82), oklch(7% 0.006 95 / 0.9)); pointer-events: none; } header, main, footer { position: relative; z-index: 1; } #lightbox { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; background: oklch(4% 0.004 95 / 0.93); cursor: zoom-out; opacity: 0; transition: opacity .25s ease; } + #lightbox[hidden] { display: none; } #lightbox.open { opacity: 1; } #lightbox img { max-width: 94vw; max-height: 94vh; border: 1px solid var(--ks-rule); border-radius: 8px; box-shadow: 0 30px 80px oklch(0% 0 0 / 0.6); } header { width: 100%; max-width: 90rem; margin: 0 auto; }