Label not displaying in QSelect if in toolbar
Hi! I’m attempting to display a QSelect in a QToolbar with a label (
<q-select :options="options" v-model="model" label="Test" filled/>) inside a QToolbar
When I do so, the label doesn’t display until I select an option (which may not always be available!)
Prior to selecting something:
Has anyone found a workaround for this issue? Thanks!
@isaac the label has same color as your toolbar background, use
darkprop on your qinput.
@metalsadman Dark? It’s not there regardless of the color of the label – in the inspector, it even has 0 width for some reason.
Also, how can I adjust the styling of the qinput despite using the qselect? (assuming thats possible w/o css, anyway) I know you can change the label color of the qselect, but that makes no change until I select an option.
dobbel last edited by
Please create a codepen to demo you problem.
@isaac just set a width on your q-select.
@metalsadman Is there no way to have the width inherit the largest available option like normal selects? or do I have to generate the width manually(re: automatically) with JS by calculating extents? Seems weird for a UI framework to require that.
@isaac check the underlying css.