From d595c7e525d9e2c4e75d852ff733ffc26003a182 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Untersch=C3=BCtz?= <sebastian@unterschutz.de>
Date: Mon, 5 Jan 2026 21:14:12 +0100
Subject: [PATCH] Enable canvas focus for keyboard input by setting `tabindex`
 and automatically focusing during gameplay.

---
 cmd/client/web/game.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/cmd/client/web/game.js b/cmd/client/web/game.js
index 373081e..8817886 100644
--- a/cmd/client/web/game.js
+++ b/cmd/client/web/game.js
@@ -73,6 +73,7 @@ function setUIState(newState) {
             if (canvas) {
                 canvas.classList.add('game-active');
                 canvas.style.visibility = 'visible';
+                canvas.focus(); // Canvas fokussieren für Tastatureingaben
             }
             // No overlays shown during gameplay
             break;
@@ -222,6 +223,13 @@ window.onWasmReady = function() {
     console.log('✅ WASM fully initialized');
     wasmReady = true;
 
+    // Canvas fokussierbar machen
+    const canvas = document.querySelector('canvas');
+    if (canvas) {
+        canvas.setAttribute('tabindex', '1');
+        console.log('✅ Canvas tabindex gesetzt');
+    }
+
     // Switch to menu state
     setUIState(UIState.MENU);