5x sweep 1: fix Color Story modal — visibility:hidden when closed so the × isn't in the tab/hit-test/a11y tree (was timing out clickthrough)

019352878c63ce20365a7cd00c1ab04d89a1f18f · 2026-07-25 11:14:24 -0700 · Steve Abrams

Files touched

M public/games/dw-color-story-studio.html

Diff

commit 019352878c63ce20365a7cd00c1ab04d89a1f18f
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Jul 25 11:14:24 2026 -0700

    5x sweep 1: fix Color Story modal — visibility:hidden when closed so the × isn't in the tab/hit-test/a11y tree (was timing out clickthrough)
---
 public/games/dw-color-story-studio.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/games/dw-color-story-studio.html b/public/games/dw-color-story-studio.html
index 133a5bd..665807b 100644
--- a/public/games/dw-color-story-studio.html
+++ b/public/games/dw-color-story-studio.html
@@ -1173,11 +1173,14 @@ main {
   padding: 24px;
   opacity: 0;
   pointer-events: none;
-  transition: opacity 280ms var(--ease);
+  visibility: hidden; /* truly inert when closed — keeps the × out of the tab/hit-test/a11y tree */
+  transition: opacity 280ms var(--ease), visibility 0s linear 280ms;
 }
 .modal-overlay.open {
   opacity: 1;
   pointer-events: all;
+  visibility: visible;
+  transition: opacity 280ms var(--ease), visibility 0s;
 }
 
 .modal-inner {

← d8a6d45 Agent-driven high-detail: DW Room Visualizer (frontend-devel · back to Model Arena · Agent-driven high-detail: DW Find Your Style quiz (token-saf 193a975 →