How to make a multiple selection dropdown behave more like its Material UI counterpart?


#1

Hello,

I am designing a UI which will not accommodate a dropdown’s size change when multiple options are selected. I very much like how the Material UI multiple select field behaves (http://www.material-ui.com/#/components/select-field - scroll down to “Multiple selection example”). Is it possible to achieve that behavior with Semantic UI’s dropdown component?

Basically labels are not rendered like tags but rather as comma-separated text with ellipsis at the end if the selected labels go over the size of the dropdown component and the selected options are not removed from the options list but rather styled as selected.

Thank you,
Marius