[Bug Report][3.5.17] Failed to execute 'observe' on 'ResizeObserver'

[ker-nicolaib]

Environment

Vuetify Version: 3.5.17
Vue Version: 3.4.25
Browsers: Chrome 124.0.0.0
OS: Windows

Steps to reproduce

Change the Version of Vue to 3.4.24 or 3.4.25. Then just add v-for to the v-select Tag like v-for="item in [1,2,3]".
Then click on one of the select-fields.

Expected Behavior

No Error should appear in the Browser Console.

Actual Behavior

An Error appears in the Browser Console.

Reproduction Link

https://play.vuetifyjs.com/#...

[yuwu9145]

The error seems to only occurs when manually change Vue version and tweaking code at the same time.

The error couldn't be replicated when Vue version & code stays the same, they don't change when running a project. demo

Is this issue causing any issue in your project?

[KaelWD]

Looks like https://vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for but the v-for is sometimes leaking through the slot which would make sense if the ref wasn't also provided by the slot.

[naka87003]

I have same issue. In my case, it is not possible to change the value.
So we refrain from upgrading vue from 3.4.23.
How can I fit that?

[KaelWD]

Same thing here actually: #19685

I can reproduce both of these in our dev environment but not play.vuetifyjs.com

[yuwu9145]

Pass in :ref="el => {}" to slot rootv-list-item stops v-for leaking it to an array, could be a workaround.

[KaelWD]

that'll break the virtual scrolling

[yuwu9145]

What about :ref="el => props.ref.value = el"

[ker-nicolaib]

Hello @yuwu9145 and @KaelWD ,
thank you for your efforts :-)
So will this Problem be fixed in the next Version of Vuetify?