From 1afb276ddd2c1843ecfbc67f9cbdbaa6890adbe3 Mon Sep 17 00:00:00 2001
From: kooriookami <38392315+kooriookami@users.noreply.github.com>
Date: Fri, 12 Jan 2024 16:04:53 +0800
Subject: [PATCH] fix(components): [select select-v2] fix input click event
 (#15462)

* fix(components): [select] fix input click event

* fix(components): update
---
 packages/components/select-v2/src/select.vue        | 2 +-
 packages/components/select/__tests__/select.test.ts | 9 ++++++---
 packages/components/select/src/select.vue           | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/components/select-v2/src/select.vue b/packages/components/select-v2/src/select.vue
index aeda592f95..fae487e2c3 100644
--- a/packages/components/select-v2/src/select.vue
+++ b/packages/components/select-v2/src/select.vue
@@ -159,7 +159,7 @@
                 @keydown.enter.stop.prevent="onKeyboardSelect"
                 @keydown.esc.stop.prevent="handleEsc"
                 @keydown.delete.stop="handleDel"
-                @click.stop
+                @click.stop="toggleMenu"
               />
               <span
                 v-if="filterable"
diff --git a/packages/components/select/__tests__/select.test.ts b/packages/components/select/__tests__/select.test.ts
index 0f47acbc2c..b0f3ed0e3c 100644
--- a/packages/components/select/__tests__/select.test.ts
+++ b/packages/components/select/__tests__/select.test.ts
@@ -818,7 +818,8 @@ describe('Select', () => {
     )
     const select = wrapper.findComponent({ name: 'ElSelect' })
     const selectVm = select.vm as any
-    await select.trigger('click')
+    const input = wrapper.find('input')
+    await input.trigger('click')
     expect(selectVm.states.hoveringIndex).toBe(0)
     selectVm.navigateOptions('next')
     expect(selectVm.states.hoveringIndex).toBe(1)
@@ -896,7 +897,8 @@ describe('Select', () => {
     })
     const select = wrapper.findComponent({ name: 'ElSelect' })
     const selectVm = select.vm as any
-    await select.trigger('click')
+    const input = wrapper.find('input')
+    await input.trigger('click')
     expect(selectVm.states.hoveringIndex).toBe(0)
     selectVm.navigateOptions('next')
     expect(selectVm.states.hoveringIndex).toBe(1)
@@ -929,7 +931,8 @@ describe('Select', () => {
     )
     const select = wrapper.findComponent({ name: 'ElSelect' })
     const selectVm = select.vm as any
-    await select.trigger('click')
+    const input = wrapper.find('input')
+    await input.trigger('click')
 
     expect(selectVm.states.hoveringIndex).toBe(1) // index 0 was skipped
     selectVm.navigateOptions('next')
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index f54e744ddc..293e58f4af 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -159,7 +159,7 @@
                 @compositionupdate="handleCompositionUpdate"
                 @compositionend="handleCompositionEnd"
                 @input="onInput"
-                @click.stop
+                @click.stop="toggleMenu"
               />
               <span
                 v-if="filterable"