Vuetify: [Bug Report] Autofocus on Popover menu doesnt work

[jameshhood]

Versions and Environment

Vuetify: 1.0.11
Vue: 2.5.16
Browsers: Chrome 65.0.3325.162
OS: Mac OS 10.13.3

Steps to reproduce

• I took the popover menu example found here and added a text field under the switches.
• added autofocus attribute to new text field

Expected Behavior

I expect that the text field would autofocus when the menu is opened

Actual Behavior

nothing is autofocused

Reproduction Link

https://codepen.io/anon/pen/XEVKjB?&editors=101

Other comments

I expect this has something to do with conflicting events

[AlexSHoffman]

Looks like a duplicate of #3634

You should focus the field on nextTick: https://codepen.io/anon/pen/wmjzNr?editors=1010

Though the fixed codepen with nextTick only changes the CSS while the cursor itself is not showing up
@johnleider, @KaelWD any ideas why that is?

[KaelWD]

Because that method is an event handler, it should be called onFocus
https://github.com/vuetifyjs/vuetify/blob/42edad08fe8bd70f8c0bbd340d7ee5ab6bf96852/src/components/VTextField/VTextField.js#L195-L203

Although it does call this.$refs.input.focus() so idk.

[SelimSalihovic]

I was having the same issue, and occasionally the cursor was not showing; sometimes even the input didn't get focused at all. What fixed the missing cursor and all the randomness was just setting a small timeout before calling focus as in the pen here: https://codepen.io/Selim_Salihovic/pen/qyvXzq