Skip to content

VaSelect: hard to customize select options #4064

Open
@m0ksem

Description

@m0ksem

Example:
image

We should have one slot to customize option:
image

And it also should reflect how option is displayed when selected in input field.
For some reason, user need to manually add @click="selectOption". I'd expect just change visual and option to work, but there is nothing happening on click without adding listener manually.

We're also losing default option styles.

I think we need something like option-content slot, which will be placed in SelectOption instead of text. So there is working keyboard navigation, hover effect, etc. But option can have additional icons, avatar, etc.

Right now, using option slot breaks keyboard navigation completely.

Metadata

Metadata

Assignees

No one assigned

    Labels

    BUGSomething isn't workingd3: mediumNo cheats. Monsters a bit faster.v4: must haveThis is something really user want to have

    Type

    No type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions