Bug: Space Game - Start text hidden behind page header #168

New Issue

2026-05-22T17:46:05Z

Zhekrom commented

2026-05-22 17:46:05 +00:00

Title: C# Bug: Space Game - Start text hidden behind page header
Severity: High
Mode: Space Game
Lesson ID / File: Space Game (C# course game)
Environment: Browser (specify version), OS (specify version)
Date/Time: 2026-05-22

Source Code

(Not applicable � UI/layout issue)

Steps to Reproduce

1. Launch the Space game.
2. Observe the introductory text on the screen.
3. The text is positioned behind the page header.

Expected Output

The introductory text should be fully visible and positioned correctly on the screen, not obscured by any UI elements.

Actual Output

The text that appears when starting the game is rendered behind the page header, making it invisible or only partially visible to the player.

Suggested Priority

High � Blocks the player from reading essential game information at startup.

Additional Notes

This appears to be a z-index or layering issue where the game canvas/text is rendered below the page header element. The header overlaps the game content.

Title: C# Bug: Space Game - Start text hidden behind page header Severity: High Mode: Space Game Lesson ID / File: Space Game (C# course game) Environment: Browser (specify version), OS (specify version) Date/Time: 2026-05-22 Source Code (Not applicable � UI/layout issue) Steps to Reproduce 1. Launch the Space game. 2. Observe the introductory text on the screen. 3. The text is positioned behind the page header. Expected Output The introductory text should be fully visible and positioned correctly on the screen, not obscured by any UI elements. Actual Output The text that appears when starting the game is rendered behind the page header, making it invisible or only partially visible to the player. Suggested Priority High � Blocks the player from reading essential game information at startup. Additional Notes This appears to be a z-index or layering issue where the game canvas/text is rendered below the page header element. The header overlaps the game content.

Screenshot 2026-05-22 134827.png

53 KiB

Zhekrom changed title from ~~C# Bug: Space Game - Start text hidden behind page header~~ to Bug: Space Game - Start text hidden behind page header

2026-05-22 18:09:04 +00:00

spikerj commented

2026-06-08 13:42:30 +00:00

Fixed in spikerj/spikersoft-angular#8.

Root cause: the game filled the viewport pinned at top: 0 (z-index 1), but the global app toolbar is position: fixed; top: 0 at z-index 1000+, so it overlapped the top of the canvas where the startup text renders. Fixed by offsetting the game below the toolbar using the shared --app-toolbar-height token (responsive 64/56px).

Closing as resolved by the linked PR.

Fixed in spikerj/spikersoft-angular#8. Root cause: the game filled the viewport pinned at `top: 0` (z-index 1), but the global app toolbar is `position: fixed; top: 0` at z-index 1000+, so it overlapped the top of the canvas where the startup text renders. Fixed by offsetting the game below the toolbar using the shared `--app-toolbar-height` token (responsive 64/56px). Closing as resolved by the linked PR.

spikerj closed this issue

2026-06-08 13:44:42 +00:00

spikerj referenced this issue

2026-07-12 01:08:22 +00:00

[Bug] Space Game: "Select Your Ship" modal buttons unclickable — HUD hit-testing offset by the fixed app toolbar #492

spikerj referenced this issue

2026-07-12 20:12:00 +00:00

[Bug] Authenticated app bootstrap crashes with NG0200 (circular DI) — blank shell for logged-in users #345

spikerj referenced this issue

2026-07-20 18:28:51 +00:00

feat(chemistry): periodic-table sizing fix + camera reset/axis views + in-scene element zoom #741

Sign in to join this conversation.