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

PasswordInput: Styles on Show/Hide Button #1563

Open
silvalaura opened this issue Nov 14, 2024 · 0 comments
Open

PasswordInput: Styles on Show/Hide Button #1563

silvalaura opened this issue Nov 14, 2024 · 0 comments
Labels
bug Something isn't working needs design feedback Waiting for Design approval or feedback testathon

Comments

@silvalaura
Copy link
Collaborator

Component
PasswordInput

Description of bug
Styles on the Show/Hide password Button.

Steps to reproduce problem 1

  • Open PasswordInput;
  • Write a long password that fills the entire input;
  • Focus on the Button;
  • Note that the focus boundary is on the text;
    image

Steps to reproduce problem 2

  • Open PasswordInput;
  • Set different text size for the showPasswordButtonText and hidePasswordButtonText props;
  • Notice that the styles (width) are incorrect;
    image
    image
    image
    image

Note:
The width depends on the showPasswordButtonText props.

@silvalaura silvalaura added bug Something isn't working testathon needs design feedback Waiting for Design approval or feedback labels Nov 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working needs design feedback Waiting for Design approval or feedback testathon
Projects
Status: To Do
Development

No branches or pull requests

1 participant