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.64k stars 1.34k forks source link

Without explicit width, selected text gets squished when box open #1561

Open vincerubinetti opened 2 years ago

vincerubinetti commented 2 years ago

Hard to explain, so here's a screenshot:

Screen Shot 2022-01-24 at 6 27 30 PM

This happens in the current version and the beta. This is the offending line:

https://github.com/sagalbot/vue-select/blob/b7d1f70985196c568d131988c2ea0e60a5716f08/src/scss/modules/_selected.scss#L36

Removing position: absolute on vs__selected fixes the issue, though I don't know what else that would break (other options/configurations/etc)

Alexandre-cibot commented 2 years ago

I came to the same solution ... by surcharging this class in my own styles.

Alexandre-cibot commented 2 years ago

Actually, I've set a min-width to fix the issue.