Icon for the selected option is not shown in selection Dropdowns #4346
Comments
|
👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. |
|
Just came along the same issue today, so I created #4347 |
|
Btw, there is a possible workaround:
{
key: 'my-user',
text: (
<>
<Icon name="user" />
My User
</>
),
searchText: 'My User',
value: 'my-user',
},
<Dropdown
options={options}
search={(options, query) => {
const re = new RegExp(escapeRegExp(query), 'i');
return options.filter((opt) => re.test(opt.searchText));
}}
…This is cumbersome, but an option for everyone that can't wait for a fix 😉. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Bug Report
Steps
<Dropdown selection />withiconset in the options.Expected Result
The
iconfor the selected option should be displayed to the left of the Dropdown text, similar to how it is shown in the dropdown menu items or how the Flag or Image for a selected option is shown.Actual Result
No icon is shown for the selected option in the collapsed Dropdown, only the option's text is shown.
Version
2.1.2
Testcase
https://codesandbox.io/s/semantic-ui-react-forked-g2lci9
This is essentially the same issue as #1147, but that issue seems to have been mistakenly closed with #4003. While the original #3980 had included support for Icons alongside Flags and Images, the code for Icon support was omitted in this eventual commit of #4003 (@layershifter).
The text was updated successfully, but these errors were encountered: