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

Inconsistency in border styling of disabled form controls #48532

Closed
jljouannic opened this issue Apr 18, 2024 · 3 comments
Closed

Inconsistency in border styling of disabled form controls #48532

jljouannic opened this issue Apr 18, 2024 · 3 comments
Labels
🐛 Bug Ant Design Team had proved that this is a bug. unconfirmed

Comments

@jljouannic
Copy link

Reproduction link

Edit on StackBlitz

Steps to reproduce

  • Open the minimal reproduction link,
  • Click on the "Submit" button of the form,

What is expected?

Both fields should be styled with a red border

What is actually happening?

The Input field is not styled with a red border, but the Select field is.

Environment Info
antd 5.16.2
React 18.2.0
System Windows 10
Browser Firefox 125.0.1
Copy link

stackblitz bot commented Apr 18, 2024

Fix this issue in StackBlitz Codeflow Start a new pull request in StackBlitz Codeflow.

@coderz-w
Copy link
Contributor

屏幕截图 2024-04-19 000503

This is because the error style of the input component is excluded when it is disabled. You can try removing the disable attribute of the input component so that the styles of the two components can be rendered correctly

@jljouannic
Copy link
Author

This is because the error style of the input component is excluded when it is disabled.

This is exactly what I am pointing with this issue. The error style is not applied on the Input component when it is disabled, but it is applied on the Select component, even if disabled. Hence the inconsistency.

@MadCcc MadCcc added the 🐛 Bug Ant Design Team had proved that this is a bug. label Apr 24, 2024
@MadCcc MadCcc closed this as completed Apr 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 Bug Ant Design Team had proved that this is a bug. unconfirmed
Projects
None yet
Development

No branches or pull requests

3 participants