Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.07k stars 4.96k forks source link

Input search with dropdown options example has cut-off options if you select "All" #7107

Open BBX999 opened 1 year ago

BBX999 commented 1 year ago

The example is here https://semantic-ui.com/elements/input.html

When you select All from the dropdown, the width shrinks and cuts off the other options if you select the dropdown again, like so:

Screen Shot 2023-01-17 at 1 10 48 PM
aryatalathi commented 1 year ago

Hello team, I would like to contribute in solving an issue. Can I work on this issue? Waiting for a reply. Thank you.

GammaGames commented 1 year ago

This happens because it's .compact. Fomantic-UI (the community fork) has this as well, when I ran into this in my own work I just added a min width:

#target.ui.compact.dropdown {
    min-width: 10em;
}