Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(NumberInput): min & max validation when entering value from keyboard

Browse source
This commit is contained in:
Botzy 2025-02-10 15:12:43 +02:00
parent 0c9b9927cc
commit d407e6c7b7
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/NumberInput/NumberInput.tsx
View file

@ -67,7 +67,12 @@ const NumberInput = forwardRef<HTMLInputElement, Props>(({ defaultValue, ...prop
value={value}
{...props}
className={classnames(props.className, styles['value'], { 'disabled': props.disabled })}
onChange={(event: ChangeEvent<HTMLInputElement>) => setValue(parseInt(event.target.value))}
onChange={(event: ChangeEvent<HTMLInputElement>) => {
const newValue = parseInt(event.target.value);
if (props.min !== undefined && newValue < props.min) return props.min;
if (props.max !== undefined && newValue > props.max) return props.max;
setValue(newValue);
}}
onKeyDown={onKeyDown}
/>
</div>