From a02737a78a089d33818ddb748765a8cd75e538d2 Mon Sep 17 00:00:00 2001
From: inottn <inottn@outlook.com>
Date: Wed, 31 Mar 2021 16:24:42 +0800
Subject: [PATCH] fix(input): add keydown event listener for textarea (#1723)

---
 packages/input/__tests__/input.spec.ts | 24 ++++++++++++++++++++++++
 packages/input/src/index.vue           |  1 +
 2 files changed, 25 insertions(+)

diff --git a/packages/input/__tests__/input.spec.ts b/packages/input/__tests__/input.spec.ts
index 5c7c7c8b35..e520aeb3c7 100644
--- a/packages/input/__tests__/input.spec.ts
+++ b/packages/input/__tests__/input.spec.ts
@@ -445,6 +445,30 @@ describe('Input.vue', () => {
     expect(handleKeyup).toBeCalledTimes(1)
   })
 
+  describe('Textarea Events', () => {
+    test('event:keydown', async () => {
+      const handleKeydown = jest.fn()
+      const wrapper = _mount({
+        template: `<el-input
+          type="textarea"
+          :model-value="val"
+          @keydown="handleKeydown"
+        />`,
+        setup() {
+          const val = ref('')
+
+          return {
+            val,
+            handleKeydown,
+          }
+        },
+      })
+
+      await wrapper.find('textarea').trigger('keydown')
+      expect(handleKeydown).toBeCalledTimes(1)
+    })
+  })
+
   // TODO: validateEvent & input containes select cases should be added after the rest components finished
   // ...
 
diff --git a/packages/input/src/index.vue b/packages/input/src/index.vue
index e931078082..68d5f6c95a 100644
--- a/packages/input/src/index.vue
+++ b/packages/input/src/index.vue
@@ -98,6 +98,7 @@
       @focus="handleFocus"
       @blur="handleBlur"
       @change="handleChange"
+      @keydown="handleKeydown"
     >
     </textarea>
     <span v-if="isWordLimitVisible && type === 'textarea'" class="el-input__count">{{ textLength }}/{{ upperLimit }}</span>