You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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(this example is not responsive so is not very useful when used as-is)
The text was updated successfully, but these errors were encountered: