Here's the code snippet I used for the q-select element:
<q-select
square
outlined
fill-input
standout="bg-grey-3 text-white"
v-model="unit_selection"
:options="units"
options-dense
dense
>
</q-select>
I encountered an issue where the options in my 'units' array were too long, causing them to extend outside of the select box.
let units = ['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa']
https://i.stack.imgur.com/GrWO4.png
Is there a way to limit the length of the selected option so that it is trimmed and does not overflow beyond the boundaries of the select box?