froxxxy/bscscore
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): prevent auto keyboard popup on player select

Browse Source 
- Removed autoFocus from player input fields in new game creation
- Prevents on-screen keyboard from opening automatically on mobile

Refs #26
This commit is contained in:
Frank Schwenk
2025-06-24 10:13:30 +02:00
parent 0b5fa3f697
commit 592ba57286
1 changed files with 0 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/NewGame.jsx
View File

@@ -94,7 +94,6 @@ const Player1Step = ({ playerNameHistory, onNext, onCancel, initialValue = '' })
placeholder="Name Spieler 1" placeholder="Name Spieler 1"
value={player1} value={player1}
onInput={e => setPlayer1(e.target.value)} onInput={e => setPlayer1(e.target.value)}
autoFocus
autoComplete="off" autoComplete="off"
aria-label="Name Spieler 1" aria-label="Name Spieler 1"
style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }} style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }}
@@ -254,7 +253,6 @@ const Player2Step = ({ playerNameHistory, onNext, onCancel, initialValue = '' })
placeholder="Name Spieler 2" placeholder="Name Spieler 2"
value={player2} value={player2}
onInput={e => setPlayer2(e.target.value)} onInput={e => setPlayer2(e.target.value)}
autoFocus
autoComplete="off" autoComplete="off"
aria-label="Name Spieler 2" aria-label="Name Spieler 2"
style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }} style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }}
@@ -391,7 +389,6 @@ const Player3Step = ({ playerNameHistory, onNext, onCancel, initialValue = '' })
placeholder="Name Spieler 3 (optional)" placeholder="Name Spieler 3 (optional)"
value={player3} value={player3}
onInput={e => setPlayer3(e.target.value)} onInput={e => setPlayer3(e.target.value)}
autoFocus
autoComplete="off" autoComplete="off"
aria-label="Name Spieler 3" aria-label="Name Spieler 3"
style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }} style={{ fontSize: '1.2rem', minHeight: 48, marginTop: 12, marginBottom: 12, width: '100%', paddingRight: 44 }}