search

fomantic / Fomantic-UI

Fomantic-UI is the official community fork of Semantic-UI
https://fomantic-ui.com
MIT License
3.58k stars 333 forks source link

Multiselect Dropdown - Selections not Displaying #3088

Open jflegere opened 2 months ago

jflegere commented 2 months ago

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

lubber-de commented 2 months ago

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

jflegere commented 2 months ago

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 GitHubhttps://github.com/fomantic/Fomantic-UI/issues/3088#issuecomment-2326854593, or unsubscribehttps://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.