From 0f36ab478d0bdd90eeb8607cc04e27628f4b70c5 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 31 Mar 2026 04:38:04 +0200
Subject: [PATCH] Add keyup and pointer up event handlers to number inputs in
 App.tsx

---
 src/app/App.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index b9bb6946..840a452b 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -1344,6 +1344,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applyPlayerStartChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPlayerStartChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applyPlayerStartChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applyPlayerStartChange)}
                       />
                     </label>
                     <label className="form-field">
@@ -1360,6 +1362,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applyPlayerStartChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPlayerStartChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applyPlayerStartChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applyPlayerStartChange)}
                       />
                     </label>
                     <label className="form-field">
@@ -1376,6 +1380,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applyPlayerStartChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPlayerStartChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applyPlayerStartChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applyPlayerStartChange)}
                       />
                     </label>
                   </div>
@@ -1394,6 +1400,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                       onChange={(event) => setPlayerStartYawDraft(event.currentTarget.value)}
                       onBlur={applyPlayerStartChange}
                       onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPlayerStartChange)}
+                      onKeyUp={(event) => handleNumberInputKeyUp(event, applyPlayerStartChange)}
+                      onPointerUp={(event) => handleNumberInputPointerUp(event, applyPlayerStartChange)}
                     />
                   </label>
                 </div>
@@ -1424,6 +1432,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applyPositionChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applyPositionChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applyPositionChange)}
                       />
                     </label>
                     <label className="form-field">
@@ -1440,6 +1450,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applyPositionChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applyPositionChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applyPositionChange)}
                       />
                     </label>
                     <label className="form-field">
@@ -1456,6 +1468,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applyPositionChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applyPositionChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applyPositionChange)}
                       />
                     </label>
                   </div>
@@ -1479,6 +1493,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applySizeChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applySizeChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applySizeChange)}
                       />
                     </label>
                     <label className="form-field">
@@ -1496,6 +1512,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applySizeChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applySizeChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applySizeChange)}
                       />
                     </label>
                     <label className="form-field">
@@ -1513,6 +1531,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         }}
                         onBlur={applySizeChange}
                         onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)}
+                        onKeyUp={(event) => handleNumberInputKeyUp(event, applySizeChange)}
+                        onPointerUp={(event) => handleNumberInputPointerUp(event, applySizeChange)}
                       />
                     </label>
                   </div>