Semantic-UI icon indicating copy to clipboard operation
Semantic-UI copied to clipboard

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

Open BBX999 opened this issue 2 years ago • 2 comments

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

BBX999 avatar Jan 26 '23 07:01 BBX999

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

aryatalathi avatar Jan 26 '23 11:01 aryatalathi

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;
}

GammaGames avatar Jan 27 '23 15:01 GammaGames