Vuetify: [Bug Report] v-menu in toolbar needs two clicks to show after navigating to another page

[bubinek]

Versions and Environment

Vuetify: 1.5.16
Vue: 2.6.10
Browsers: Chrome 75.0.3770.100
OS: Linux x86_64

Steps to reproduce

• refresh page
• in toolbar click on Second Page
• in toolbar click on Dropdown (nothing happens, this is unexpected)
• in toolbar click again on Dropdown (menu is shown)

Expected Behavior

After navigating to another page dropdown will show menu on first click.

Actual Behavior

After navigating to another page you need two clicks to show menu.

Reproduction Link

https://codesandbox.io/s/toolbar-dropdown-nuxtjs-vuetify-mxh4k?fontsize=14

Other comments

This behavior occurs only when Nuxt.js + Vuetify is combined.
I made same example with Vue + Vuetify and everything works as expected.

Nuxt.js + Vuetify
https://codesandbox.io/s/toolbar-dropdown-nuxtjs-vuetify-mxh4k?fontsize=14

Vue + Vuetify
https://codesandbox.io/s/toolbar-dropdown-vue-vuetify-4ikl3?fontsize=14

[KaelWD]

The .application element is getting replaced for some reason, but only the first time the button is clicked after navigation to an async page.

[Seranth]

Can confirm that I'm experiencing this issue as well.

[sandogeorge]

I can also confirm this issue. The page refreshes on the first click.

[bubinek]

One of the last Nuxt.js releases fixed this bug. I'm not sure which release version specifically but after I updated to 2.14.5 dropdown started working as expected.

Forked sandbox as a proof:
https://codesandbox.io/s/toolbar-dropdown-nuxtjs-vuetify-fixed-mmzm8