Multiselect Dropdown - Selections not Displaying

[jflegere]

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:

Select "District of Columbia":

Console:

Select "Maryland":

Console:

Close dropdown (selections not displayed):

Version

2.9.3

[lubber-de]

Please create a jsfiddle containing your code for easier investigation. I suspect a falsy use of .dropdown() which targets both dropdowns

[jflegere]

I found the “direction” setting and set it to “downward” for all of these dropdowns. That works for now, but I may investigate further later. Thanks, Jay From: lubber-de ***@***.***> Sent: Tuesday, September 3, 2024 11:44 AM To: fomantic/Fomantic-UI ***@***.***> Cc: Legere, Jay ***@***.***>; Author ***@***.***> Subject: Re: [fomantic/Fomantic-UI] Multiselect Dropdown - Selections not Displaying (Issue #3088) Please create a jsfiddle containing your code for easier investigation. I suspect a falsy use of .dropdown() which targets both dropdowns — Reply to this email directly, view it on GitHub<#3088 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ACVFQVBX7HWTBWUFMY72MP3ZUXKNPAVCNFSM6AAAAABNINER66VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGMRWHA2TINJZGM>. You are receiving this because you authored the thread.Message ID: ***@***.******@***.***>>

…

________________________________ This message and any attachments are intended only for the addressee and may contain information that is privileged and confidential. If you have received this message in error, please do not read, use, copy, distribute, or disclose the contents of the message and any attachments. Instead, please delete the message and any attachments and notify the sender immediately. Thank you.