[Bug Report][3.1.6] v-navigation-drawer $refs[refName].$el does not return the Element

[MetRonnie]

Environment

Vuetify Version: 3.1.6
Vue Version: 3.2.47
Browsers: Edge 110.0.1587.50
OS: Windows 10

Steps to reproduce

Set ref="<name>" attribute on a VNavigationDrawer, then access this.$refs[<name>].$el

Expected Behavior

The nav Element is returned

Actual Behavior

Some kind of object called #text is returned

Reproduction Link

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

[carlosyan1807]

Vuetify Version: 3.3.12

same

[KaelWD]

https://vuejs.org/api/component-instance.html#el

For components with multiple root nodes, $el will be the placeholder DOM node that Vue uses to keep track of the component's position in the DOM

[MetRonnie]

Shame that there's not much info about this in the Vue docs. I've come up with a couple of workarounds:

1. Set the id attribute on the VNavigationDrawer and access the nav by document.getElementById()
2. Use this.$refs.<name>.$el.nextElementSibling - see https://developer.mozilla.org/en-US/docs/Web/API/Element/nextElementSibling