Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] Prop to turn off v-select input wrapping #20829

Open
MetRonnie opened this issue Jan 3, 2025 · 0 comments
Open

[Feature Request] Prop to turn off v-select input wrapping #20829

MetRonnie opened this issue Jan 3, 2025 · 0 comments

Comments

@MetRonnie
Copy link
Contributor

Problem to solve

When a VSelect input overflows, the contents wrap onto a new line. There are cases where you need the VSelect to occupy a single line. There is already a prop called single-line but it is unrelated to the input selection contents.

https://play.vuetifyjs.com/#eNpVUdFuwjAM/BUrLwUJiia0FwST+A7gIUtdmi2NIyfpNBD/vrSgpHtK7hyf47vTXXhWm6Nz9RBR7MQ+YO+MDPhxtgD7Ye3RoAowrHtq0BzOYpAm4lnATqenPhHTmYg+mqCdQVCddh68tleDa6Mtwiap7Tcz6QS9Yu0CeAzRTcN074gD3IGxhQe0TD1U6VfV+BxAkfUBpmFwgNNIAVQtUbV63T8l53urb7dSiDMwVv4TRPPOL2mkQ1tkyQfWqsu4iT6Z0hC3mVKc1ioSvbTxuV6mnLRlICfJjJhkU7RJfRfV6IPkUuwxSJORd5wcLp3oZ51kFUX2mJkflKGbffHaUXxpXeb+Tukmf1MGiyOz/K3HHBaT7cvlmOJzsZSYeKzEtn6v37ZiZaMxlz90KLeI

Proposed solution

A new prop that turns off wrap for the selection contents so that any overflow is hidden and the input stays the same height.

Ideally this could have a (+N others) indicator like the example here: https://vuetifyjs.com/en/components/selects/#selection

image

(this example is not responsive so is not very useful when used as-is)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant