Bug: Space Game - clicking the viewport grabs pointer lock and makes modal HUDs (e.g. "Select Your Ship") unclickable; add keyboard navigation #224

New Issue

2026-06-15T00:12:04Z

spikerj commented

2026-06-15 00:12:04 +00:00

Severity

High — can fully block progress (stuck on the "SELECT YOUR SHIP" screen, unable to click any menu item).

Area

Space Game / native WebGL HUD modals (ship selection, ship creation, keybinding config) + input handling.

Bug

When a blocking modal HUD is open (e.g. Select Your Ship) and the user clicks anywhere on the WebGL viewport outside the modal, the canvas calls requestPointerLock(). Pointer lock hides the cursor and freezes event.clientX/clientY, so the modal's hit-tests can never match again — the menu items (Select Ship / Create New / Delete / ship rows / close) become unclickable and the player is stuck.

Steps to reproduce

Open the Space Game.
On the "Select Your Ship" modal, click on the empty canvas area (not on the modal).
Pointer lock engages; cursor disappears.
Modal buttons no longer respond to clicks.

Expected

While a blocking modal HUD is open, the canvas should not grab pointer lock (and should release it if already held), so the modal stays fully clickable.

Enhancement (same scope)

These WebGL modals should also be keyboard navigable:

Arrow Up/Down: move ship selection
Enter: Select Ship (or Create New when there are no ships)
Delete/Backspace: open delete confirmation
Escape: close (or cancel the delete confirmation)
N: Create New

Pointers

projects/spikersoft/src/app/_components/_games/space-game/space-game.component.ts — onMouseDown() requests pointer lock; onKeyDown() / handleHUDInterceptKeyDown() routes keys to HUDs.
projects/spikersoft/src/app/_components/_games/space-game/hud/ship-selection-hud.ts — modal hit-testing; needs a handleKeyDown().

## Severity High — can fully block progress (stuck on the "SELECT YOUR SHIP" screen, unable to click any menu item). ## Area Space Game / native WebGL HUD modals (ship selection, ship creation, keybinding config) + input handling. ## Bug When a blocking modal HUD is open (e.g. **Select Your Ship**) and the user clicks anywhere on the WebGL viewport *outside* the modal, the canvas calls `requestPointerLock()`. Pointer lock hides the cursor and freezes `event.clientX/clientY`, so the modal's hit-tests can never match again — the menu items (Select Ship / Create New / Delete / ship rows / close) become unclickable and the player is stuck. ### Steps to reproduce 1. Open the Space Game. 2. On the "Select Your Ship" modal, click on the empty canvas area (not on the modal). 3. Pointer lock engages; cursor disappears. 4. Modal buttons no longer respond to clicks. ### Expected While a blocking modal HUD is open, the canvas should not grab pointer lock (and should release it if already held), so the modal stays fully clickable. ## Enhancement (same scope) These WebGL modals should also be **keyboard navigable**: - Arrow Up/Down: move ship selection - Enter: Select Ship (or Create New when there are no ships) - Delete/Backspace: open delete confirmation - Escape: close (or cancel the delete confirmation) - N: Create New ## Pointers - `projects/spikersoft/src/app/_components/_games/space-game/space-game.component.ts` — `onMouseDown()` requests pointer lock; `onKeyDown()` / `handleHUDInterceptKeyDown()` routes keys to HUDs. - `projects/spikersoft/src/app/_components/_games/space-game/hud/ship-selection-hud.ts` — modal hit-testing; needs a `handleKeyDown()`.

spikerj commented

2026-06-15 05:28:18 +00:00

Resolved in spikersoft-angular PR #47 (merged to master). The viewport no longer grabs pointer lock while a blocking modal HUD is open — and releases it if already held — so the Select Your Ship modal stays clickable. The Ship Selection HUD is also keyboard-navigable now: Arrow Up/Down to move, Enter to select (or create when no ships), Delete/Backspace to open delete confirmation, Esc to close/cancel, N to create. Closing.

Resolved in `spikersoft-angular` PR #47 (merged to `master`). The viewport no longer grabs pointer lock while a blocking modal HUD is open — and releases it if already held — so the **Select Your Ship** modal stays clickable. The Ship Selection HUD is also keyboard-navigable now: Arrow Up/Down to move, Enter to select (or create when no ships), Delete/Backspace to open delete confirmation, Esc to close/cancel, N to create. Closing.

spikerj closed this issue

2026-06-15 05:28:26 +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 04:52:06 +00:00

[Infra][MinIO] Pilot: deploy MinIO + migrate security-scanner off /mnt/fusionio to S3 (proves the pattern for #413) #493

spikerj referenced this issue

2026-07-17 14:15:10 +00:00

[Reader][Offline] IndexedDB offline book store (schema + CRUD foundation) #651

Sign in to join this conversation.