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}
/>
)}