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.

Sign up for GitHub

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

Jump to bottom

Search: Style issues with clear and search icons #1575

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

Search: Style issues with clear and search icons #1575

silvalaura opened this issue Nov 18, 2024 · 0 comments
Labels
bug Something isn't working testathon

Comments

@silvalaura
Copy link
Collaborator

Component:
Search

Description of bug:
Styles issues. If we have clearIcon and searchIcon, when we focus on one of them, the border pops up on the other.

Steps to reproduce:

  • Open Search;
  • Set isClearable;
  • Focus on the one of the buttons using a keyboard;
  • Focus on the other one using a mouse;
  • Notice the focus/border styles.
    image

Can it only be reproduced in dev or is it reproducible in the last released version?
Both

Expected Behavior
There should be 8px of space between the two buttons so not even the focus outline overlaps the other
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working testathon
Projects
React Magma
Status: To Do
Milestone
No milestone
Development

No branches or pull requests
1 participant
@silvalaura