sagalbot / vue-select

Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.
https://vue-select.org
MIT License
4.62k stars 1.33k forks source link

Fix overflowing selected of options #1756

Open susnux opened 1 year ago

susnux commented 1 year ago

Currently if the width of the select element is not enough the selected option will overflow the element, even if the inner component of the selected option slot has some overflow rules set (like ellipsis).

To fix this, both the selected option and the container needs to reset the min-width.

before after
before after

Especially note the actions are missing before, as they were placed underneath some elements outside the select on the right.