Skip to content

Bug - TextInputGroup - low contrast placeholder text with isDisabled #7661

Description

@evwilkin

Describe the problem
This is an issue with Patternfly 6

Ansible is using a disabled TextInputGroup (within a MenuToggle), with placeholder text in the TextInputGroup. The combination of placeholder text, isDisabled prop, and dark theme is causing the text to be a low contrast shade of gray that is not consistent with the same combination of placeholder, disabled, and dark theme in similar components like TextArea or TextInput.

How do you reproduce the problem?
Visit the "Disabled text input group" example and change the value="Disabled" prop in the example code to placeholder="Disabled".

Is this issue blocking you?
This is currently a concern for Ansible's PF6 adoption, though if it is intentional more information is requested to understand this treatment.

Screenshots
TextInputGroup:
Image
TextInput:
Image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions