Skip to content

Radio Buttons in "required" state look like they are invalidΒ #427

@pschaub

Description

@pschaub

Currently, the Radio Buttons in the "required" state appear to be invalid, even though they are not. This could confuse users and create a false impression that the form has errors.

According to the HTML W3C specifications, the "required" attribute is used to ensure that the user completes the field before submitting the form. It does not indicate whether the field is valid or not.

In the current implementation, the Radio Buttons in the "required" state turn red and look like something is selected, even if nothing has been selected.

See: https://codesandbox.io/s/db-ui-core-radio-required-smjs7l?file=/src/App.tsx
Please compare this with the standard styling of radio buttons (without DB-UI styles).

I suggest that we modify the styling of the Radio Buttons in the "required" state to differentiate them from the ones that are actually invalid. It should be similar to other fields that are in the "required" state in the same form.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions