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.

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

[NumericInput]: read only and disabled states look identical #2780

Open
NatalliaAlieva opened this issue Mar 19, 2025 · 0 comments
Open

[NumericInput]: read only and disabled states look identical #2780

NatalliaAlieva opened this issue Mar 19, 2025 · 0 comments
Labels
bug Something isn't working Contributor needed

Comments

@NatalliaAlieva
Copy link
Collaborator

Description

The Numeric Input component currently displays the same visual appearance for both read only and disabled states when the input contains a value.

Steps to Reproduce

  1. Open Numeric Input component.
  2. Enter a numeric value into the input field in the "Basic" example.
  3. Compare the visual appearance of isDisabled and isReadonly inputs.

Actual result

Both Readonly and Disabled inputs with values look identical, making it difficult to distinguish them.

Image

Expected result

Read-only input: Text color remains normal, but editing is disabled.
Disabled input: Text color is greyed out, and editing is disabled.

Environment

  • UUI version: 5.13.2
  • Browser name: any
  • Operating System: any
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Contributor needed
Projects
Status: Backlog
Development

No branches or pull requests

2 participants