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

Hover background of Select clips border #160

Open
Tracked by #8
nihaals opened this issue Jul 2, 2021 · 0 comments
Open
Tracked by #8

Hover background of Select clips border #160

nihaals opened this issue Jul 2, 2021 · 0 comments
Labels
bug Something isn't working component: select Related to the Select and MultiSelect components

Comments

@nihaals
Copy link
Member

nihaals commented Jul 2, 2021

Describe the bug

The background added when hovering over a Select or MultiSelect item clips the background around the list of items if it is the first or last item.

To Reproduce

  1. Hover over the first item in a Select
  2. Notice the top corners are perpendicular
  3. Stop hovering over the top item
  4. Notice the borders are rounded
  5. Repeat with the last item
  6. Repeat with MultiSelect

Expected behaviour

The corners of the background are rounded with the border of the list.

Screenshots

image

image

Additional context

Browser: Chrome 91.0.4472.114, Linux
Version: 17a01d7
@nihaals nihaals added bug Something isn't working component: select Related to the Select and MultiSelect components labels Jul 2, 2021
@nihaals nihaals mentioned this issue Jul 2, 2021
Merged
24 tasks
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 component: select Related to the Select and MultiSelect components
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@nihaals