Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-06 04:55:15 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Tournaments points input make zero go away when focusing

Browse Source
This commit is contained in:
Kalle 2024-03-24 11:42:59 +02:00
parent 2a23a26eed
commit 35d5055ac0
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/features/tournament-bracket/components/TeamRosterInputs.tsx
View File

@ -203,6 +203,7 @@ function PointInput({
presentational: boolean;
testId?: string;
}) {
const [focused, setFocused] = React.useState(false);
const id = React.useId();
if (presentational) {
@ -221,10 +222,14 @@ function PointInput({
type="number"
min={0}
max={100}
value={value}
value={focused && !value ? "" : String(value)}
required
id={id}
data-testid={testId}
pattern="[0-9]*"
inputMode="numeric"
onFocus={() => setFocused(true)}
onBlur={() => setFocused(false)}
/>
<Label htmlFor={id} spaced={false}>
Score