-
Notifications
You must be signed in to change notification settings - Fork 14
Closed
Labels
bugSomething isn't workingSomething isn't working
Description
Vue3-Select-Component version
0.12.2
Link to minimal reproduction
Note: repro is not working in playground because teleport="body" does not work in playground
Steps to reproduce
I am migrating from vue-select and found a little issue when customizing the styles.
When using teleport="body" the teleported menu does not have the custom class defined in component, making the style customization harder because it's not a child of div.vue-select.custom-select:
<VueSelect
v-model="value"
:options="[
{ label: 'JavaScript', value: 'js' },
{ label: 'TypeScript', value: 'ts' },
{ label: 'Rust', value: 'rust' },
{ label: 'Swift', value: 'swift' },
]"
placeholder="Select a programming language"
class="custom-select"
/>What is expected?
The custom class should be also added to the menu to be able to customize the style even if the menu is teleported
What is actually happening?
The custom class is not added to the menu, therefore customizing the style is much harder
Any additional comments?
No response
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't working