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
A possible fix for this issue to be applied inside the component would requires:
Add the required properties to .single-value in order to hide an overflow + ellipsis
Overflow requires a value px in order to work. I could bind the width from .search-control into .single-value as style={ 'maxWidth': singleValueEl.width + 'px' }
TotomInc
changed the title
Single-select: long labels should be truncated (showing ellipsis)
Long labels should be truncated (showing ellipsis) on single-value
Jan 27, 2025
See code below. At least for single-select long labels should be truncated instead of changing the height of the control.
Maybe this can be done by CSS, but I wouldn't know how...
Many thanks!
-- Martinez
https://play.vuejs.org/#eNp9UtuO0zAQ/ZWReShIbdI2IKRsF3HRPsADIBbxQtAqJNM0u45t2c5lVeXfGdu9sZe+2XPOmTlz7C37oFTUtchStjKFrpUFg7ZVwHNRXWbMmoy9y0TdKKktbEHjGkZYa9lAxkiXsYsD+qvFa+RY2BM8mRlfmhWSSAKF9YpMFFIYN8uBWMKl6/wyYxl7RfAqDl5oMl0sNornFukGsDpOcVcAY+85ktO+Lu0mheV8roYLauTBbtbIEjnB+0l7JJXK1uSBoN+hArQez/8iT2HyzYPwYgEd6nvgUlQBm0yhy3mLxAkNbhYTGKfPd1g+VizPK5LHiuSo+LNfgCIpcCN5iZp22EWSCwiSwIopslV8kh+bsvBYsyZX0a2Rgh5+66jZDqD3TsFXXO2ZF0wJ2lirTBrHfd9HrVB3VUSE+EnB+3n0NprHZW1sXIsShwgNDQ8ex0yMZMsa+hHrunpgyvWoOeoQzv/mcs5l/8XXrG5xFxBpNljcPVG/NUOw/l2jQd3R5z1gNtcV7ja7uv6KA50PIP2hlhP7DPgDjeRtSN7RPraiJNsnPO/2s8+4FtVPczVYFGa/lDPq0/B8H/ynM6sf7SbR65MUb+i7up4UYBK9iRYJG/8BivlEzg==
The text was updated successfully, but these errors were encountered: