From 0083e3b9077470c3be9c9ad8476bc392a712fbb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=8F=A8=E5=8F=A8?= <hi@wangdaodao.com>
Date: Wed, 24 Apr 2024 21:37:23 +0800
Subject: [PATCH] Fix: Cascader keyboard scrolling error

---
 packages/cascader-panel/src/cascader-panel.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/cascader-panel/src/cascader-panel.vue b/packages/cascader-panel/src/cascader-panel.vue
index 436b006c7f..7ae917b3aa 100644
--- a/packages/cascader-panel/src/cascader-panel.vue
+++ b/packages/cascader-panel/src/cascader-panel.vue
@@ -237,14 +237,17 @@ export default {
 
       switch (keyCode) {
         case KeyCode.up:
+          e.preventDefault();
           const prev = getSibling(target, -1);
           focusNode(prev);
           break;
         case KeyCode.down:
+          e.preventDefault();
           const next = getSibling(target, 1);
           focusNode(next);
           break;
         case KeyCode.left:
+          e.preventDefault();
           const preMenu = this.$refs.menu[getMenuIndex(target) - 1];
           if (preMenu) {
             const expandedNode = preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
@@ -252,6 +255,7 @@ export default {
           }
           break;
         case KeyCode.right:
+          e.preventDefault();
           const nextMenu = this.$refs.menu[getMenuIndex(target) + 1];
           if (nextMenu) {
             const firstNode = nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]');