bodge fix focusing

Author: rjoken

src/components/ConnectDevice.tsx

@@ -112,8 +112,9 @@ export function ConnectDevice({
         className="bg-blue-500 text-white p-2 rounded-md"
         onClick={onClick}
         onKeyDown={(e) => {
-          e.preventDefault();
+          if (e.key !== "Tab") e.preventDefault();
         }}
+        tabIndex={-1}
       >
         {device ? `${device.productName} Connected` : "Connect Device"}
       </button>

src/components/Game.tsx

@@ -128,12 +128,21 @@ const Game = () => {
         onDisconnect={onDeviceDisconnect}
         device={device}
       />
-      <div style={{ width: "100%", height: "100%", position: "relative" }}>
+      <div
+        style={{
+          width: "100%",
+          height: "100%",
+          position: "relative",
+          display: "flex",
+        }}
+      >
         <div
           ref={containerRef}
           id="game-container"
           className="game-container"
           style={{ width: "100%", height: "100%" }}
+          tabIndex={0}
+          onClick={() => containerRef.current?.focus()}
         />
       </div>
     </div>