Fomantic-UI
Fomantic-UI copied to clipboard
Multiselect Dropdown - Selections not Displaying
Bug Report
I have two multiselect dropdowns on my page - one near the top and one at the bottom. The one near the top is working as expected - selections are displayed above the list and can be removed. For the one near the bottom of the page, the dropdown opens upward. When I make selections, they are hidden by the list of remaining selections. I know that items are being selected - they are no longer in the list and a console log of the hidden 's value is showing expected results.
Steps to reproduce
- Create a multiselect dropdown at the bottom of a page
- Select items
- Close the dropdown list
Expected result
A "button" for each item selected, in the correct location (above the list)
Actual result
"Buttons" not displayed
Testcase
Screenshot (if possible)
You can't see in the screenshots, but this dropdown is at the bottom of the page and opens upward.
Open dropdown:
Select "District of Columbia":
Console:
Select "Maryland":
Console:
Close dropdown (selections not displayed):
Version
2.9.3