From 9c9ebec0eaa5a331c8b61725a4a264739daed40d Mon Sep 17 00:00:00 2001
From: dopamine <coderzyou@gmail.com>
Date: Sun, 4 Feb 2024 11:06:39 +0800
Subject: [PATCH] fix(components): [number-input] cannot scroll the container
 when the mouse pointer over an input (#15211)

---
 packages/components/input-number/src/input-number.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/components/input-number/src/input-number.vue b/packages/components/input-number/src/input-number.vue
index 68306270fe..ddced5bc5c 100755
--- a/packages/components/input-number/src/input-number.vue
+++ b/packages/components/input-number/src/input-number.vue
@@ -50,7 +50,7 @@
       :name="name"
       :label="label"
       :validate-event="false"
-      @wheel.prevent
+      @wheel="handleWheel"
       @keydown.up.prevent="increase"
       @keydown.down.prevent="decrease"
       @blur="handleBlur"
@@ -288,6 +288,10 @@ const setCurrentValueToModelValue = () => {
     data.currentValue = props.modelValue
   }
 }
+const handleWheel = (e: MouseEvent) => {
+  if (document.activeElement === e.target) e.preventDefault()
+}
+
 watch(
   () => props.modelValue,
   (value, oldValue) => {