[Component] [select] An empty dropdown in the "el-select" component is shown when double-clicked and filtered

[Anton-Zelenkov]

Bug Type: Component

Environment

• Vue Version: 3.3.11
• Element Plus Version: 2.5.5
• Browser / OS: Chrome 123.0.6312.106 / Windows 10 (10.0.19045 Build 19045)
• Build Tool: Vite

Reproduction

Related Component

• el-select

Reproduction Link

Docs

Steps to reproduce

1. Add a filterable select. (For example, like on the official website)

<template>
  <el-select
    v-model="value"
    filterable
    placeholder="Select"
    style="width: 240px"
  >
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref('')
const options = [
  {
    value: 'Option1',
    label: 'Option1',
  },
  {
    value: 'Option2',
    label: 'Option2',
  },
  {
    value: 'Option3',
    label: 'Option3',
  },
  {
    value: 'Option4',
    label: 'Option4',
  },
  {
    value: 'Option5',
    label: 'Option5',
  },
]
</script>

2. Try to enter any random text that is not in the dropdown list. You should see the text "No matching data" in the dropdown

3. Double click on the input.

What is Expected?

See the original dropdown with all the options

What is actually happening?

Empty dropdown without any text, options or explanations

Additional comments

You can reproduce this bug on the official website.
https://element-plus.org/en-US/component/select.html#option-filtering

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。