[QSelect] Enhancement: Add option to truncate long labels

Is your feature request related to a problem? Please describe. When the label of a QSelect item is longer than the QSelect itself, the label is wrapped on multiple lines.

Describe the solution you’d like I’d like to have an option to truncate long labels. This could e.g. be handled with an additional attribute truncate which could be added to the <q-select>:

<q-select
    label="Options"
    :options="[
        {label: 'Please choose', value: '', disable: true},
        {label: 'Option 1 (which has a pretty long label)', value: '1'},
        {label: 'Option 2', value: '2'}
    ]"
    truncate
>

As far as I have tested this, it should be pretty simple as it seems that adding the Quasar CSS Visibility class ellipsis to the <span> that wraps the label text already results in the desired behaviour:

[hawkeye64]

I personally think components should always handle truncation in an elegant way and if someone does not want it, then there would be a no-truncate prop. I think there is a high number of people who would want this over those who don’t.

[hawkeye64]

Can this also be added to other components that may need it? Like QBtn and family? Using slots every time is tedious compared to truncate and label props.