feat: add well blur in field

nexpy-io · Nov 2, 2022 · 7f0d8c5 · 7f0d8c5
1 parent 11d8b50
commit 7f0d8c5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "react",
     "typescript"
   ],
-  "version": "2.1.4",
+  "version": "2.1.5",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",

diff --git a/src/components/molecules/Fields/Field/Field.tsx b/src/components/molecules/Fields/Field/Field.tsx
@@ -156,6 +156,14 @@ const Field = forwardRef<HTMLInputElement, FieldProps>((props, ref) => {
               alt={alt}
               autoFocus={autoFocus}
               autoComplete={browserAutoComplete}
+              onWheel={e => {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const target = e?.target as any
+
+                if (typeof target?.blur === 'function') {
+                  target.blur()
+                }
+              }}
             />
           </>
         ) : (
@@ -181,6 +189,14 @@ const Field = forwardRef<HTMLInputElement, FieldProps>((props, ref) => {
             alt={alt}
             autoFocus={autoFocus}
             autoComplete={browserAutoComplete}
+            onWheel={e => {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              const target = e?.target as any
+
+              if (typeof target?.blur === 'function') {
+                target.blur()
+              }
+            }}
           />
         )}
         {type !== 'file' && (sufixElement || null)}