As you can see on jsfiddle bellow, I'm using a vue component called Vue Multiselect.
When the text of a multiselect is bigger then its width, the height of the multiselect increases to fit the text.
I would like to maintain it in one line without increasing the height nor the width.
https://jsfiddle.net/uweL9zap/1/
HTML:
JS:
new Vue({
components: {
Multiselect: window.VueMultiselect.default
},
data: {
value: { language: 'JavaScript teste teste teste', library: 'Vue-Multiselect' },
options: [
{ language: 'JavaScript teste teste teste', library: 'Vue.js' },
{ language: 'JavaScript teste teste teste', library: 'Vue-Multiselect' },
{ language: 'JavaScript teste teste teste', library: 'Vuelidate' }
]
},
methods: {
customLabel (option) {
return `${option.library} - ${option.language}`
}
}
}).$mount('#app')
CSS:
* {
font-family: 'Lato', 'Avenir', sans-serif;
}
.multiselect {
width: 300px;
}
JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)