search

zaichaopan / react-aria-components-tailwind-starter

Tailwind react aria components starter kits
https://zaichaopan.github.io/react-aria-components-tailwind-starter
MIT License
29 stars 4 forks source link

A focused form input within a group after a failed validation has a duplicated border #3

Closed gregmsanderson closed 4 months ago

gregmsanderson commented 4 months ago

Hello,

I noticed that if a form input that's within an input group fails a form validation, the red border is duplicated. Both the input group and the input have it. Only the group should.

You can see it in the storybook. If you click submit, the validation fails and only the group has the border. That's correct. But when you focus the input, that gains it too.

https://zaichaopan.github.io/tailwind-react-aria-components-starter-kits/iframe.html?viewMode=docs&id=textfield--docs#with%20validation

failed-form-validation

zaichaopan-alianza commented 4 months ago

Thanks for reporting. It should be fixed now. I just made lots of updates today and might introduce more issues. The project is still working in progress and lots of work to make those ui components beauty and simple to use and customize.

gregmsanderson commented 4 months ago

No problem, all good. It was just something I noticed.