Skip to content

Lines do no wrap on VaOptionList component #4500

@marco-zan

Description

@marco-zan

Vuestic-ui version: 1.10.3

Description

I am using the

<VaOptionList
    v-model="selectedCategory"
    label="Seleziona categoria"
    :options="selectableCategories"
  />

My problem is that the lines do not wrap on newline, and even if I think this is intended behaviour, i want to make sure it wasn't some sort of workaround, because i managed to fix it by changing:

> label.va-radio__square {
    display: inline-grid;
    grid-template-columns: 30px auto;
}

IMHO this works better than the actual setup using flexbox and width: max-content, because the same behaviour is obtained in a cleaner way.

Then i just changed:

> div.va-radio__text {
    white-space: normal;
}

Now it is possible to set it to normal or nowrap at will

Reproduction

Try it in vuestic play

Metadata

Metadata

Assignees

No one assigned

    Labels

    BUGSomething isn't workinggood first issueRight issue if you're new to vuestic

    Type

    No type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions