Skip to content

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

@1Copenut

Description

@1Copenut

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions