[Bug Report] Attach menu from v-select with menu-props not working
See original GitHub issueVersions and Environment
Vuetify: 1.5.14 Vue: 2.6.10 Browsers: Chrome 74.0.3729.169 OS: Windows 10
Steps to reproduce
- Insert a v-select
- Create a div with an id
- Add this attribute to the v-select:
:menu-props="{ attach: '#yourId' }"
- 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
Issue Analytics
- State:
- Created 4 years ago
- Reactions:7
- Comments:10 (1 by maintainers)
Top Results From Across the Web
Autocompletes - Material Component Framework — Vuetify.js
Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously.
Read more >Bug Reporting - Apple Developer
With Feedback Assistant available on iPhone, iPad, Mac, and the web, it's easy to report issues you encounter and request enhancements to APIs,...
Read more >Mui Select MenuProps not being applied to MenuItems ...
If I take out the {createItems()} part and substitute it with dummy MenuItem components, then the MenuProps get applied correctly. Any ideas on ......
Read more >dropdown menu vuetify - Cutacut.com
08 February 2020. items="items" menu-props="auto" label="State" return-object: . ... however: [Bug Report] Dropdown menu scrolling not working as expected.
Read more >Capture and read bug reports - Android Developers
A bug report contains device logs, stack traces, and other diagnostic ... the Android Emulator menu, or the adb bugreport command on your ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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
Same bug on Vuetify 2.3.14