bug: space game - Top-right text not visible. #127

Closed
opened 2026-05-11 21:46:58 +00:00 by Zhekrom · 2 comments

Description

Upon opening the game, the text in the top-right corner is not visible; and when switching to full-screen mode, it becomes even less visible, as it ends up hidden behind the page header.

Observed Behavior

  • Upon opening the game, the text in the top-right corner is not visible.
  • When switching to full-screen mode, it becomes even less visible.
  • The text ends up hidden behind the page header.

Expected Behavior

  • The top-right text should be visible at all times.
  • Full-screen mode should not hide the text behind the header.

Impact

  • Users cannot see important information in the top-right corner.
  • Full-screen mode worsens the visibility issue.

Classification

  • Type: bug
  • Area: Space game / UI / text visibility / full-screen mode
  • Severity: medium
  • Impact: Top-right text invisible, hidden behind header in full-screen
## Description Upon opening the game, the text in the top-right corner is not visible; and when switching to full-screen mode, it becomes even less visible, as it ends up hidden behind the page header. ## Observed Behavior - Upon opening the game, the text in the top-right corner is not visible. - When switching to full-screen mode, it becomes even less visible. - The text ends up hidden behind the page header. ## Expected Behavior - The top-right text should be visible at all times. - Full-screen mode should not hide the text behind the header. ## Impact - Users cannot see important information in the top-right corner. - Full-screen mode worsens the visibility issue. ## Classification - Type: bug - Area: Space game / UI / text visibility / full-screen mode - Severity: medium - Impact: Top-right text invisible, hidden behind header in full-screen
Owner

Same root cause as #144: the Space Game HUD overlays were sized to the full window.innerWidth/innerHeight while the WebGL renderer is sized to the game container, which is pinned below the fixed top toolbar. The HUD's orthographic space was therefore taller than the drawing buffer, pushing top-anchored text up under the header. In full-screen (F11) the browser chrome is removed so window.innerHeight grows further, widening the mismatch — which is why it looks worse in full-screen.

Fixed in spikersoft-angular PR #46 (fix/issue-144-space-game-hud-viewport), which sizes all HUDs to the live container viewport. Will close once that PR merges.

Same root cause as #144: the Space Game HUD overlays were sized to the full `window.innerWidth/innerHeight` while the WebGL renderer is sized to the game container, which is pinned below the fixed top toolbar. The HUD's orthographic space was therefore taller than the drawing buffer, pushing top-anchored text up under the header. In full-screen (F11) the browser chrome is removed so `window.innerHeight` grows further, widening the mismatch — which is why it looks *worse* in full-screen. Fixed in `spikersoft-angular` PR #46 (`fix/issue-144-space-game-hud-viewport`), which sizes all HUDs to the live container viewport. Will close once that PR merges.
Owner

Resolved by the same fix as #144spikersoft-angular PR #46 (merged to master). HUDs now size to the container viewport, so the top-right text stays visible, including in full-screen. Closing.

Resolved by the same fix as #144 — `spikersoft-angular` PR #46 (merged to `master`). HUDs now size to the container viewport, so the top-right text stays visible, including in full-screen. Closing.
Sign in to join this conversation.