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

[Enhancement] Add 'Clear' button to the dropdown #36283

Open
5 tasks
Tracked by #47571
jarekmorawski opened this issue Jan 4, 2023 · 0 comments
Open
5 tasks
Tracked by #47571

[Enhancement] Add 'Clear' button to the dropdown #36283

jarekmorawski opened this issue Jan 4, 2023 · 0 comments
Labels
focus: new product ux revamped product management experience focus: product management Related to product creation and editing. team: Mothra WC Merchants activation and store management

Comments

@jarekmorawski
Copy link

We want to make it easy for people to clear all added categories. To do that, we'll add a X button to the dropdown's search field.

image

Acceptance criteria

  • There's a X button visible in the search field when there's at least 1 item added.
  • The icon for the button is close-small from the Gutenberg library (color gutenberg-700).
  • The X button is visible when the search field is opened (both resting and focused).
  • Clicking the X button removes all added items (chips).
  • When there's any text input (when the user is searching or creating a new item), clicking the X button will clear the previously added items but not the currently edited text.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
focus: new product ux revamped product management experience focus: product management Related to product creation and editing. team: Mothra WC Merchants activation and store management
Projects
None yet
Development

No branches or pull requests

4 participants