idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-23 16:59:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): numberfield changing while scrolling (#811)

Browse source 
* fix numberfield changing while scrolling

* added same behaviour to NumberFieldWide
This commit is contained in:
soup 2023-04-10 14:38:27 +02:00 • committed by GitHub
parent 195b2929e0
commit 6e4c6b6356
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/src/components/inputs/input.tsx
View file

@ -429,6 +429,12 @@ export const NumberField = ({
} }
form.setFieldValue(field.name, parseInt(event.target.value)); // Convert the input value to an integer using parseInt() to ensure that the backend can properly parse the numberfield as an integer. form.setFieldValue(field.name, parseInt(event.target.value)); // Convert the input value to an integer using parseInt() to ensure that the backend can properly parse the numberfield as an integer.
}} }}
onWheel={(event) => {
if (event.currentTarget === document.activeElement) {
event.currentTarget.blur();
setTimeout(() => event.currentTarget.focus(), 0);
}
}}
/> />
{meta.touched && meta.error && ( {meta.touched && meta.error && (
<div className="error">{meta.error}</div> <div className="error">{meta.error}</div>

6
web/src/components/inputs/input_wide.tsx
View file

@ -187,6 +187,12 @@ export const NumberFieldWide = ({
: "focus:ring-blue-500 dark:focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 border-gray-300 dark:border-gray-700", : "focus:ring-blue-500 dark:focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 border-gray-300 dark:border-gray-700",
"block w-full shadow-sm dark:bg-gray-800 sm:text-sm dark:text-white rounded-md" "block w-full shadow-sm dark:bg-gray-800 sm:text-sm dark:text-white rounded-md"
)} )}
onWheel={(event) => {
if (event.currentTarget === document.activeElement) {
event.currentTarget.blur();
setTimeout(() => event.currentTarget.focus(), 0);
}
}}
placeholder={placeholder} placeholder={placeholder}
/> />
)} )}