question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:7
  • Comments:10 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
arawwad0commented, Oct 21, 2020

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

3reactions
alex-litcommented, Oct 20, 2020

Same bug on Vuetify 2.3.14

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found