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

Multiselect Dropdown - Selections not Displaying

Open jflegere opened this issue 5 months ago • 2 comments

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

  1. Create a multiselect dropdown at the bottom of a page
  2. Select items
  3. 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: image

Select "District of Columbia": image

Console: image

Select "Maryland": image

Console: image

Close dropdown (selections not displayed): image

Version

2.9.3

jflegere avatar Aug 28 '24 14:08 jflegere