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

Components: add reset timeout to ColorPicker's copy functionality #34289

Closed
2 tasks
Tracked by #34284
ciampo opened this issue Aug 25, 2021 · 0 comments · Fixed by #34601
Closed
2 tasks
Tracked by #34284

Components: add reset timeout to ColorPicker's copy functionality #34289

ciampo opened this issue Aug 25, 2021 · 0 comments · Fixed by #34601
Assignees
Labels
[Feature] Component System WordPress component system [Package] Components /packages/components [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@ciampo
Copy link
Contributor

ciampo commented Aug 25, 2021

Part of #34284

Why

The recently added g2 ColorPicker has a minor UX issue when copying the color value to the clipboard (first reported in #33714 (comment)):

  1. User clicks on the color, value is copied in the clipboard. The tooltip changes from "Copy" to "Copied!"
  2. User interacts with other parts of the UI, maybe copies another string of text
  3. User remembers that they need the color value, and so they hover over the color string again. But the tooltip keeps saying "Copied!", instead of "Copy"

What

To solve this issue, we could simply introduce a timer which resets the UI and shows again the "copy" button after a certain amount of time has passed (e.g. 3 seconds)

A/C

  • The UI of the "Copy" button resets (allowing the user to click the button again) after 3 seconds from the previous button click/press
  • The "Copy!" button keeps copying the value to the clipboard as before
@ciampo ciampo mentioned this issue Aug 25, 2021
31 tasks
@ciampo ciampo added [Feature] Component System WordPress component system [Package] Components /packages/components [Type] Bug An existing feature does not function as intended labels Aug 25, 2021
@jorgefilipecosta jorgefilipecosta self-assigned this Sep 6, 2021
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Sep 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Component System WordPress component system [Package] Components /packages/components [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants