Skip to content

Conversation

missuo
Copy link

@missuo missuo commented Sep 5, 2025

Summary of this pull request

This PR enhances the user experience when handling sensitive text fields (e.g., Access Key, Secret Key, API Tokens).

  • Adds an eye icon next to input fields to toggle between hidden (default) and visible text.
  • Allows users to copy sensitive values easily via a copy-to-clipboard button next to the field.
  • Ensures the default state always keeps sensitive data masked for better security.

Does this solve an existing issue? If so, add a link to it

N/A — this is a new feature request to improve UX when dealing with sensitive credentials.


Steps to test this feature

  1. Go to any form containing sensitive fields (e.g., Access Key, Secret Key).
  2. Verify that:
    • The input is masked by default.
    • Clicking the eye icon toggles visibility between hidden and plain text.
  3. Check that copying works correctly in all supported browsers.
  4. Confirm that toggling visibility does not affect form submission.

Screenshots

image

Additional info

  • Default state: sensitive fields are hidden.
  • Added tooltip hints for better UX:
    • Hover over the eye → “Show/Hide”
  • No backend changes required — purely a frontend enhancement.
  • Uses a debounce to prevent accidental multiple clipboard writes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant