Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[dropdown] clearable multiple search selection dropdown #3043

Closed
mdrxy opened this issue May 7, 2024 · 2 comments
Closed

[dropdown] clearable multiple search selection dropdown #3043

mdrxy opened this issue May 7, 2024 · 2 comments
Labels
needs-more-info state/cannot-reproduce Bugs which can't be reproduced

Comments

@mdrxy
Copy link

mdrxy commented May 7, 2024

Feature Request

I understand that selection dropdowns can be made to allow users to clear their selection, but I can't seem to make this feature work on multi select dropdowns. Each selection pill can be removed individually (via the x button) though I would appreciate a "clear all" x for the field like in the screenshot below.

Example (if possible)

Screenshot 2024-05-07 at 18 51 03

Screenshot (if possible)

Screenshot 2024-05-07 at 18 48 27 Screenshot 2024-05-07 at 18 57 15
@mdrxy mdrxy added state/awaiting-triage Any issues or pull requests which haven't yet been triaged type/feat Any feature requests or improvements labels May 7, 2024
@lubber-de lubber-de removed the state/awaiting-triage Any issues or pull requests which haven't yet been triaged label May 10, 2024
@lubber-de
Copy link
Member

lubber-de commented May 10, 2024

This is already working as expected (even at the linked example on the fomantic website)
See https://jsfiddle.net/lubber/1ockrwnd/2/

Please adjust the jsfiddle according to your code/ use case where it does not seem to be working for you

image

@lubber-de lubber-de added state/cannot-reproduce Bugs which can't be reproduced needs-more-info and removed type/feat Any feature requests or improvements labels May 10, 2024
@mdrxy
Copy link
Author

mdrxy commented May 11, 2024

I found the issue I was facing: the ordering of the dropdown icon. If it is placed as the last child of the dropdown div, the clear x button doesn't appear.

Problematic code:
Screenshot 2024-05-11 at 17 15 50

Fixed:
Screenshot 2024-05-11 at 17 16 21

The only thing now would be exploring whether the two icons could be centered vertically:
Screenshot 2024-05-11 at 17 16 51

@mdrxy mdrxy closed this as completed May 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-more-info state/cannot-reproduce Bugs which can't be reproduced
Projects
None yet
Development

No branches or pull requests

2 participants