cibernox/ember-power-select

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.

CleanShot 2023-03-13 at 20 33 21@2x

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.
CleanShot 2023-03-13 at 20 29 35@2x