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

[EuiRange]: An incorrect background-color shows through when I prepend to the range input #7677

Closed
1Copenut opened this issue Apr 11, 2024 · 0 comments · Fixed by #7678
Closed

[EuiRange]: An incorrect background-color shows through when I prepend to the range input #7677

1Copenut opened this issue Apr 11, 2024 · 0 comments · Fixed by #7678
Assignees
@1Copenut
Labels
bug

Comments

@1Copenut
Copy link
Contributor

Describe the bug
I noticed there's a small CSS bug in EuiRange (kitchen sink demo) when I enable the prepend prop. The input container has an incorrect background color showing through. Screenshot attached below.

Impact and severity
This is a low impact polish item, so I've gone ahead and worked on a fix. PR forthcoming.

Environment and versions

  • EUI version: 94.1.0
  • React version: 18
Screenshot 2024-04-11 at 1 55 34 PM
@1Copenut 1Copenut added bug ⚠️ needs validation For bugs that need confirmation as to whether they're reproducible and removed ⚠️ needs validation For bugs that need confirmation as to whether they're reproducible labels Apr 11, 2024
@1Copenut 1Copenut mentioned this issue Apr 11, 2024
Merged
8 tasks
@1Copenut 1Copenut self-assigned this Apr 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@1Copenut 1Copenut

Labels
bug
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[BUG] Fix the EuiRange prepend prop CSS
1 participant
@1Copenut