fix: wheel over a focused number input scrolls the page instead of silently changing the value, the input loses focus first AdminForth/2005

Author: ivictbor

adminforth/spa/src/main.ts

@@ -18,6 +18,14 @@ app.use(router)
 // get access to i18n instance outside components
 initI18n(app);
 
+// Chrome steps a focused number input on wheel, so scrolling the page with the cursor over the field
+// silently changes a price or amount; blurring it first lets the page scroll and keeps the value
+document.addEventListener('wheel', (e) => {
+  if (e.target instanceof HTMLInputElement && e.target.type === 'number' && e.target === document.activeElement) {
+    e.target.blur();
+  }
+}, { passive: true });
+
 
 /* IMPORTANT:ADMINFORTH CUSTOM USES */