Search Icon can appear outside drop-downs

Bug
1

Repro Steps:

  1. go to feature - Discourse Meta ( I have the “material design theme” enabled)
  2. click the ‘all tags’ button
    2a. toggle the button multiple times
    Notice the search icon fly in from the side
  3. click on the search icon
    Notice the search icon has now moved off the menu

This bug isn’t just for the tags menu. I noticed it in my own discourse in the drop-down in a custom made group. I’m assuming the issue is either the drop-down component or the search icon itself.

Expected Behavior:
The icon stays inside the dropdown at all times.

3 Likes
2

Removing
width: auto;

from class
.select-kit.combo-box .select-kit-filter .filter-input

in file
combo-box.scss (line 27)

Seems to do the trick

4 Likes
3

Sure maybe you can look at this @Johani if the fix is all CSS.

3 Likes
5

Fixed via:

https://github.com/discourse/discourse/commit/02e0426de69b437ddf099b34078cf65e895feb96

Thank you for reporting the bug @sarahann

4 Likes