[Component] [select-v2] Virtualized select with teleported="false": When you click on the scrollbar, the dropdown automatically closes

[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-v2

Reproduction Link

Element Plus Playground

Steps to reproduce

1. Add a teleported="false" Virtualized Select. For example:

<template>
  <el-select-v2
    v-model="value"
    filterable
    :options="options"
    placeholder="Please select"
    style="width: 240px"
    multiple
    :teleported="false"
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']

const value = ref([])
const options = Array.from({ length: 1000 }).map((_, idx) => ({
  value: `Option${idx + 1}`,
  label: `${initials[idx % 10]}${idx}`,
}))
</script>

2. Open dropdown by clicking on input.
3. Hold down the dropdown scrollbar with the left mouse button and try to move it, then release it.

What is Expected?

Dropdown will not close. Options will remain the same

What is actually happening?

Dropdown closes after releasing the left mouse button

Additional comments

Link to visual display of the bug