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] add more guidance for the inline modifier #3779

Open
laurenmrice opened this issue Oct 16, 2023 · 0 comments
Open

[Dropdown] add more guidance for the inline modifier #3779

laurenmrice opened this issue Oct 16, 2023 · 0 comments

Comments

@laurenmrice
Copy link
Member

laurenmrice commented Oct 16, 2023

Update inline dropdown modifier guidance

  • We currently have some guidance on the inline dropdown modifier, but we should be more specific in what situations do we use inline dropdowns? What are the specific use cases we can call out here to guide people a little more.

Guidance to add

  • Add some brief guidance that we do not use inline dropdowns for filtering a menu of options (like we do for combobox or filterable multi-select). If we tried to do that with inline dropdowns there would be too much visual interactivity with the width of the dropdown container constantly adapting to the new text you are typing in the field and the open menu beneath the field is either removing items from the list or jumping to different items that are relevant to the filter. This could be visually distracting/confusing.
  • Show a do/don't image example of the width of an inline dropdown menu. Something like the image example below. We do not want to restrict the width of the menu to fit the field container width based on the length of the user's current selection. This can sometimes truncate the text of nearly all items in the dropdown menu. Instead, the menu can be longer in width than the field container.
Screenshot 2023-10-16 at 2 46 46 PM
@github-project-automation github-project-automation bot moved this to Triage in Roadmap Oct 16, 2023
@laurenmrice laurenmrice moved this to ⏱ Backlog in Design System Oct 16, 2023
@sstrubberg sstrubberg moved this from Triage to Icebox in Roadmap Oct 30, 2023
@laurenmrice laurenmrice moved this to ⏱ Backlog in Design System Dec 12, 2023
@laurenmrice laurenmrice added this to the 2024 Q1 milestone Feb 8, 2024
@laurenmrice laurenmrice moved this from Icebox to Later in Roadmap Feb 8, 2024
@laurenmrice laurenmrice modified the milestones: 2024 Q1, 2024 Q2 Mar 27, 2024
@laurenmrice laurenmrice changed the title [dropdown] add more guidance for the inline modifier [Dropdown] add more guidance for the inline modifier May 6, 2024
@laurenmrice laurenmrice modified the milestones: 2024 Q2, 2024 Q3 Jun 13, 2024
@laurenmrice laurenmrice removed this from the 2024 Q3 milestone Sep 6, 2024
@laurenmrice laurenmrice moved this from Later to Icebox in Roadmap Sep 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Later 🧊
Development

No branches or pull requests

1 participant