diff --git a/ui/src/workflow/common/NodeCascader.vue b/ui/src/workflow/common/NodeCascader.vue
index 2a0209618..0ac0edf20 100644
--- a/ui/src/workflow/common/NodeCascader.vue
+++ b/ui/src/workflow/common/NodeCascader.vue
@@ -1,5 +1,8 @@
 <template>
   <el-cascader
+    @wheel="wheel"
+    @keydown="isKeyDown = true"
+    @keyup="isKeyDown = false"
     :teleported="false"
     :options="options"
     @visible-change="visibleChange"
@@ -8,7 +11,12 @@
     separator=" > "
   >
     <template #default="{ node, data }">
-      <span class="flex align-center">
+      <span
+        class="flex align-center"
+        @wheel="wheel"
+        @keydown="isKeyDown = true"
+        @keyup="isKeyDown = false"
+      >
         <component :is="iconComponent(`${data.type}-icon`)" class="mr-8" :size="18" />{{
           data.label
         }}</span
@@ -34,6 +42,15 @@ const data = computed({
   }
 })
 const options = ref<Array<any>>([])
+const isKeyDown = ref(false)
+const wheel = (e: any) => {
+  if (isKeyDown.value) {
+    e.preventDefault()
+  } else {
+    e.stopPropagation()
+    return true
+  }
+}
 
 function visibleChange(bool: boolean) {
   if (bool) {