Skip to content

VaTreeSelect component #3780

Open
Open
@m0ksem

Description

@m0ksem

Let's have a TreeSelect component based on VaSelect and VaTreeView.
We gonna need add a slot for option list, so we can place TreeView here. Options must be rendered the way and look like in Select.

Requirements:

  • Must have the same keyboard navigation
  • VaInput as dropdown acnhor, but readonly (option must be selected from dropdown)
  • When dropdown is opened keyboard focus is on VaTreeView component in dropdown.
  • Close dropdown and focus input on ESC.
  • For multiple select show checkboxes
  • Change TreeView design a bit, so options looks like in select. (Add more paddings)
  • Should support textBy, valueBy (I belive VaTreeView already does it)

Yes, in theory I can find ways to do this, but eventually behavior, events, or accessibility will suffer to some extent. That's why I started this discussion, because often the component is implemented separately or extends an existing one.

For example:
https://primevue.org/treeselect/#checkbox
https://element-plus.org/en-US/component/tree-select.html#select-any-level

Thanks

Originally posted by @demershov in #3779 (reply in thread)

Metadata

Metadata

Assignees

No one assigned

    Labels

    componentIs a new component or part of existing oned4: hardFast monsters, respawning turrets, templars, reavers, crusaders, and inquisitorsfeatureSomething useful to end usergood first issueRight issue if you're new to vuesticv4: must haveThis is something really user want to have

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions