[Feature Request] V-Select: Auto hide selection that does not fit
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Problem to solve
It would be nice if a select component could automatically hide the selection that doesn't fit any more.
I would propose an additional property (e.g. auto-hide-selection) for that.
Proposed solution
Here is a playground which automatically hides selected items which do not fit into the first line.
When implementing the auto-hide into the v-select component, it should still be possible to access the number of visible/hidden items.
Further ideas:
- allow multiple lines
- handle commas without the
chipsprop
Note: Here a playground with the indicator inside the input.
Here is the component I will be using for now: MultiSelect.vue
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the V-Select component and compare the linked playgrounds with the attached MultiSelect.vue example. Determine how selection fitting and visible/hidden item counts should be exposed, then verify that auto-hiding works while preserving access to those counts; the additional multi-line and comma-handling ideas are separate considerations.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100