[v3][SelectMenu] with filter=false and value-key props

[outluch]

Environment

• Operating System: Darwin
• Node Version: v18.20.3
• Nuxt Version: 3.14.1592
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.9

Reproduction

v3...outluch:ui:bugfix-valuekey-customsearch

Try to remove my patch (filter ? () => rootItems : undefined) in SelectMenu.vue and check how list of found items doesn't render in page select-menu.vue of playground

Description

I have found weird behavior with custom server-side search, while using custom value-label fields from my db results.
If you fetch items from server and they contain for example id and name instead of value and label, I pass props to SelectMenu: :value-key: "id", :label-key="name" and then when I try to search with input, it doesnot render results. I have found that it is because of Radix Vue: when we make own search we should not pass filter function to it, as I got it from sources of Radix. So my patch is in this one commit in my fork.

Btw I have noticed, that migration to Reka UI is on the way and in Reka there are ignoreFilter prop now. I guess, we will need to pass it false also.. Maybe not. I did not dig this 100% for now.

Hope, this will help.

v3...outluch:ui:bugfix-valuekey-customsearch

Additional context

No response

Logs