Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] v-select's menu doesn't have data-v attribute for scoped styling #5568

Closed
Traxo7 opened this issue Nov 10, 2018 · 0 comments · Fixed by #5574
Closed

[Bug Report] v-select's menu doesn't have data-v attribute for scoped styling #5568

Traxo7 opened this issue Nov 10, 2018 · 0 comments · Fixed by #5574
Labels
S: has PR The issue has a pending Pull Request

Comments

@Traxo7
Copy link

Traxo7 commented Nov 10, 2018

Versions and Environment

Vuetify: 1.3.7
Vue: 2.5.17
Browsers: Chromium 64.0.3282.167
OS: Ubuntu undefined

Steps to reproduce

Create any v-select component <v-select>, it creates it's dropdown i.e. v-menu but data-v-xxxxxxx attribute does not exist on the menu (data-v is used for scoped styling).
Try to apply scoped styles on menu

<style scoped>
  >>> .v-list__tile__title {
    color: red;
  }
</style>

Expected Behavior

Scoped style should be applied to v-select dropdown i.e. menu

Actual Behavior

Scoped style is not applied

Reproduction Link

https://codesandbox.io/s/5vnv13yk7n

Other comments

https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VMenu/mixins/menu-generators.js#L58

Thanks @jacekkarczmarczyk

@jacekkarczmarczyk jacekkarczmarczyk added the S: has PR The issue has a pending Pull Request label Nov 11, 2018
@lock lock bot locked as resolved and limited conversation to collaborators Nov 12, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
S: has PR The issue has a pending Pull Request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants