cilium.io icon indicating copy to clipboard operation
cilium.io copied to clipboard

Copy buttons in documentation on website lack visual feedback on click

Open d-aggarwal opened this issue 7 months ago • 1 comments

Description

Across the documentation pages on Website, all "Copy" buttons (e.g., "Copy First Line", "Copy All", etc.) visually highlight on hover but do not provide any visual feedback on click, even though the content is successfully copied.

This creates confusion for users, as it appears that nothing happened.

Before Click

Image

After Click (No Change)

Image

Steps to Reproduce:

  • Navigate to any code block in the documentation.
  • Hover over any copy button – it highlights as expected.
  • Click the button – content is copied (confirmed via paste), but there is no tooltip, text change, or animation to indicate success.

Expected Behavior:

After clicking the copy button, some visual feedback like a tooltip ("Copied!") or temporary icon/text change should appear.

Impact:

  • Users might think the copy action failed.
  • Inconsistent UX.

d-aggarwal avatar May 18 '25 08:05 d-aggarwal

@xmulligan I would like to work on this issue, can you please take a look and assign it to me?

d-aggarwal avatar May 18 '25 08:05 d-aggarwal

@daggarwal This issue appears to be related to the documentation (https://docs.cilium.io). You should open an issue in the main Cilium repo for this.

paularah avatar May 28 '25 13:05 paularah