fix: improve Android tablet keyboard-safe layout

Use dynamic viewport sizing and keyboard-aware spacing to keep new-game inputs and navigation reachable in PWA landscape mode on Android tablets. Refs #30. Made-with: Cursor
2026-04-04 11:31:31 +02:00
parent f8d895ab21
commit 9bf4c20f11
10 changed files with 75 additions and 15 deletions
@@ -70,7 +70,14 @@ export const Player2Step = ({ playerNameHistory, onNext, onCancel, initialValue
              setPlayer2(target.value);
            }}
            autoComplete="off"
+            autoCapitalize="words"
+            spellCheck={false}
+            enterKeyHint="next"
            aria-label="Name Spieler 2"
+            onFocus={(e) => {
+              const target = e.currentTarget as HTMLInputElement;
+              target.scrollIntoView({ block: 'center', behavior: 'smooth' });
+            }}
            style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }}
            ref={inputRef}
          />