[Component] [select] In the select component, when the filterable attribute is set, if the data source is too large, the filtering results are incorrect.

[xzhdev]

Bug Type: Component

Environment

• Vue Version: 3.4.38
• Element Plus Version: 2.8.1
• Browser / OS: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-select

Reproduction Link

CodeSandbox

Steps to reproduce

For example, in the el-select component, when you input "A" there is no such option in the data source, but there is still a result displayed. I tested this in both the el-select-v2 of Element Plus and the select component of Element UI, and there was no issue.

What is Expected?

Correct filtering results

What is actually happening?

Incorrect filtering results

Additional comments

(empty)

[xzhdev]

Compare

[github-actions[bot]]

Hello @xzhdev. Please provide an online reproduction demo by clicking this link or a minimal GitHub repository. Issues marked with need reproduction will be closed if they have no activity within 3 days.

你好 @xzhdev, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。可以通过点击 此处 创建或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

[xzhdev]

@btea Here's the address. See if you can preview it. https://codesandbox.io/p/sandbox/element-plus-spa-forked-wd53y7

[btea]

I tried it and it seems that the options you provided are duplicated, which caused the query error. After removing the duplicates, the performance is normal.

[xzhdev]

Duplicates? Can you show me the duplicates labeled, I'll check them once

[btea]

The following is my local filtering code, you can refer to it.

[xzhdev]

Thanks

[xzhdev]

@btea My suggestion is that even if the value has duplicates, it should not affect the filterable feature. The options should still be filterable, and it would be better if the behavior is consistent with select-v2 when using the filterable property.