fix: Help overlay CSS — inline styles + pointer-events #64

perplexity · 2026-03-19T17:35:51-04:00

perplexity commented

2026-03-19 17:35:51 -04:00

Bug Found During Testkit QA

Help overlay styles were in style.css which is not imported or linked — dead code. The overlay toggled display:flex but had no visual styles applied.

Fix

Moved all help overlay CSS into the inline <style> block
Added pointer-events: auto to #help-hint and #help-overlay (required because #ui-overlay parent sets pointer-events: none)

Verified

? key toggle: ✅
Escape close: ✅
Hint button click: ✅ (was broken before fix)
Backdrop click close: ✅
X close button: ✅
Smoke test: 87/87 pass

## Bug Found During Testkit QA Help overlay styles were in `style.css` which is not imported or linked — dead code. The overlay toggled display:flex but had no visual styles applied. ### Fix - Moved all help overlay CSS into the inline `<style>` block - Added `pointer-events: auto` to `#help-hint` and `#help-overlay` (required because `#ui-overlay` parent sets `pointer-events: none`) ### Verified - ? key toggle: ✅ - Escape close: ✅ - Hint button click: ✅ (was broken before fix) - Backdrop click close: ✅ - X close button: ✅ - Smoke test: 87/87 pass

perplexity added 1 commit 2026-03-19 17:35:52 -04:00

fix: Help overlay CSS — move styles into inline block, add pointer-events 35f708df18

Testkit QA caught that help overlay styles in style.css were dead code
(file not imported). Moved all help overlay CSS into the inline <style>
block in index.html where the rest of the app's styles live.

Also fixed pointer-events: the #ui-overlay has pointer-events: none,
so child elements need explicit pointer-events: auto. Added to both
#help-hint and #help-overlay.

Found during Playwright interactive QA:
- ? key toggle: PASS
- Escape close: PASS
- Hint click: PASS (was FAIL before fix)
- Backdrop click: PASS
- Close button: PASS

perplexity merged commit b1ba3611c7 into main

2026-03-19 17:35:55 -04:00

perplexity referenced this issue from a commit

2026-03-19 17:35:56 -04:00

fix: Help overlay CSS — inline styles + pointer-events (#64)

perplexity referenced this pull request

2026-03-19 17:36:41 -04:00

Testkit QA Report — 26/26 PASS (Playwright + Static) #65

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: perplexity/the-matrix#64