Vuetify: [Bug Report] Attach menu from v-select with menu-props not working

Created on 17 Jun 2019  路  5Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.5.14
Vue: 2.6.10
Browsers: Chrome 74.0.3729.169
OS: Windows 10

Steps to reproduce

  1. Insert a v-select
  2. Create a div with an id
  3. Add this attribute to the v-select: :menu-props="{ attach: '#yourId' }"
  4. Inspect DOM to locate the menu: it is at the application root instead of inside the div with the id

Expected Behavior

The menu generated by v-select should be a child of the div with the id

Actual Behavior

The menu is attached to the root element of the Vue app

Reproduction Link

https://codepen.io/sarahtheflame/pen/MMyzPb

Other comments

I included a basic menu in the codepen with the expected functionality. The attach property works in a simple menu, but not when passed from a v-select by menu-props

VSelect bug has workaround

Most helpful comment

just pass the attach prop to the component(v-select or v-autocomplete), it works for me. It messes up the menu styles but could be fixed

All 5 comments

Same bug on Vuetify 2.3.14

Same with <v-autocomplete>, passing menu-items ignores the attach prop.

just pass the attach prop to the component(v-select or v-autocomplete), it works for me. It messes up the menu styles but could be fixed

the prop content-class is also not being passed to the menu.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Antway picture Antway  路  3Comments

sebastianmacias picture sebastianmacias  路  3Comments

radicaled picture radicaled  路  3Comments

smousa picture smousa  路  3Comments

milleraa picture milleraa  路  3Comments