[Medium] github-snake :host-context(:fullscreen) selector may not match when host enters fullscreen #68

New Issue

2026-05-05T04:16:16Z

spikerj commented

2026-05-05 04:16:16 +00:00

Severity: Medium (UI)

File: spikersoft-angular/projects/spikersoft/src/app/_components/_games/github-snake/github-snake.component.scss (~8-16)

Problem: :host-context(:fullscreen) & matches when an ancestor is fullscreen. If the component's host element itself enters fullscreen, this selector may not match across all engines.

Fix: Add :host(:fullscreen) .container { ... } alongside the existing rule for engine compatibility.

Acceptance criteria:

Snake fullscreen scaling works whether host or ancestor is fullscreen
Tested in Chromium, Firefox, Safari/WebKit

**Severity:** Medium (UI) **File:** `spikersoft-angular/projects/spikersoft/src/app/_components/_games/github-snake/github-snake.component.scss` (~8-16) **Problem:** `:host-context(:fullscreen) &` matches when an *ancestor* is fullscreen. If the component's host element itself enters fullscreen, this selector may not match across all engines. **Fix:** Add `:host(:fullscreen) .container { ... }` alongside the existing rule for engine compatibility. **Acceptance criteria:** - [ ] Snake fullscreen scaling works whether host or ancestor is fullscreen - [ ] Tested in Chromium, Firefox, Safari/WebKit

spikerj commented

2026-05-05 04:47:09 +00:00

Resolved.

Both fullscreen rules now combine :host-context(:fullscreen) & with :host(:fullscreen) & so the layout adjusts whether an ancestor or the host element itself enters fullscreen.

File: spikersoft-angular/projects/spikersoft/src/app/_components/_games/github-snake/github-snake.component.scss.

**Resolved.** Both fullscreen rules now combine `:host-context(:fullscreen) &` with `:host(:fullscreen) &` so the layout adjusts whether an ancestor or the host element itself enters fullscreen. File: `spikersoft-angular/projects/spikersoft/src/app/_components/_games/github-snake/github-snake.component.scss`.

spikerj closed this issue

2026-05-05 04:51:57 +00:00

spikerj referenced this issue

2026-07-04 19:38:15 +00:00

[ArtStudio P4] Rigging + animation stages — bone fallback chain, canonical humanoid schema, animation presets + previews #350

spikerj referenced this issue

2026-07-22 03:57:51 +00:00

[ArtPipe] Baked images Phase 3: prodstages image + live modeling-lane cutover (epic #515) #519

spikerj referenced this issue

2026-07-29 16:00:48 +00:00

[ArtPipe] Baked images Phase 3: prodstages image + live modeling-lane cutover (epic #515) #519

Sign in to join this conversation.