diff --git a/web/src/components/inputs/input.tsx b/web/src/components/inputs/input.tsx index df2de47..a3c8a78 100644 --- a/web/src/components/inputs/input.tsx +++ b/web/src/components/inputs/input.tsx @@ -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. }} + onWheel={(event) => { + if (event.currentTarget === document.activeElement) { + event.currentTarget.blur(); + setTimeout(() => event.currentTarget.focus(), 0); + } + }} /> {meta.touched && meta.error && (
{meta.error}
diff --git a/web/src/components/inputs/input_wide.tsx b/web/src/components/inputs/input_wide.tsx index 6a1ce42..4e6c69c 100644 --- a/web/src/components/inputs/input_wide.tsx +++ b/web/src/components/inputs/input_wide.tsx @@ -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", "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} /> )}