Search input in PowerSelectMultiple does not span available width
JohnnyBushy opened this issue · 0 comments
Overview
We've just upgraded to the 7.0.0
version from 4.1.7
and found that there is an issue now with how search input is rendered in power-select-multiple/trigger
component.
The issue is reproducible on website as well. If you go to Docs
-> Multiple selection
section and start typing into multi-select, you will see that the search input is not stretched to the full width available.
We were able to fix by adding this CSS rule (see below) for now, but I am curious on how this could be fixed in a more legit way.
.ember-power-select-multiple-options {
& li:not(.ember-power-select-multiple-option) {
flex-grow: 1;
}
}
Looks like the change that led to this issue was introduced in #1305
Another related issue is that if you type in a long string into search input, the input is no longer limited by the trigger's width, so it continues growing endlessly.