bug Space Game: Text is not visible and does not occupy the proper space on the screen. #128

Closed
opened 2026-05-11 21:51:52 +00:00 by Zhekrom · 2 comments

Description

At first glance it looks fine, but when full screen is enabled, the text on the left behaves similarly to the previous error, hiding part of it behind the header. Furthermore, a huge margin is created between the game screen and the text, resulting in a large container.

Observed Behavior

  • At first glance, it looks fine.
  • When full screen is enabled, the text on the left hides part of it behind the header.
  • A huge margin is created between the game screen and the text.
  • Results in a large container.

Expected Behavior

  • Text should be fully visible in full screen.
  • No excessive margins; proper spacing.

Impact

  • Text partially hidden in full screen.
  • Poor layout with large margins.

Classification

  • Type: bug
  • Area: Space Game / UI / text visibility / layout / full-screen
  • Severity: medium
  • Impact: Text hidden behind header and excessive margins in full-screen
## Description At first glance it looks fine, but when full screen is enabled, the text on the left behaves similarly to the previous error, hiding part of it behind the header. Furthermore, a huge margin is created between the game screen and the text, resulting in a large container. ## Observed Behavior - At first glance, it looks fine. - When full screen is enabled, the text on the left hides part of it behind the header. - A huge margin is created between the game screen and the text. - Results in a large container. ## Expected Behavior - Text should be fully visible in full screen. - No excessive margins; proper spacing. ## Impact - Text partially hidden in full screen. - Poor layout with large margins. ## Classification - Type: bug - Area: Space Game / UI / text visibility / layout / full-screen - Severity: medium - Impact: Text hidden behind header and excessive margins in full-screen
Owner

Same root cause as #144 / #127: the HUD overlays were sized to the full window dimensions instead of the WebGL game container (which is offset below the fixed top toolbar). Because the HUD's coordinate space was taller than the renderer's drawing buffer, top-anchored text was pushed up under the header and elements ended up with the oversized vertical gap / "huge margin" described here. Full-screen (F11) removes the browser chrome, so window.innerHeight grows and the gap widens further.

Fixed in spikersoft-angular PR #46, which sizes every HUD to the live container viewport (eliminating the margin and the clipped text). Will close once that PR merges.

Same root cause as #144 / #127: the HUD overlays were sized to the full `window` dimensions instead of the WebGL game container (which is offset below the fixed top toolbar). Because the HUD's coordinate space was taller than the renderer's drawing buffer, top-anchored text was pushed up under the header and elements ended up with the oversized vertical gap / "huge margin" described here. Full-screen (F11) removes the browser chrome, so `window.innerHeight` grows and the gap widens further. Fixed in `spikersoft-angular` PR #46, which sizes every HUD to the live container viewport (eliminating the margin and the clipped text). Will close once that PR merges.
Owner

Resolved by the same fix as #144spikersoft-angular PR #46 (merged to master). Sizing HUDs to the container viewport removes both the clipped text and the oversized margin/large-container layout in full-screen. Closing.

Resolved by the same fix as #144 — `spikersoft-angular` PR #46 (merged to `master`). Sizing HUDs to the container viewport removes both the clipped text and the oversized margin/large-container layout in full-screen. Closing.
Sign in to join this conversation.