jannikbuschke / formik-antd

Simple declarative bindings for Ant Design and Formik.
https://codesandbox.io/s/github/jannikbuschke/formik-antd-example
MIT License
587 stars 81 forks source link

Issues with input validation css styling when used within Ant Design Pro #157

Closed yhrchan closed 4 years ago

yhrchan commented 4 years ago

Hi,

I've been using Ant Design Pro following the getting started steps in https://pro.ant.design/docs/getting-started along with Formik and formik-antd. Testing this in the simplest case with a formik-antd input with schema validation using Yup. It doesn't seem to style the validation errors properly (I've attached a screenshot where the validation error message is just black text with no red color bordering the input). On the other hand, I've also tested it using UmiJS getting started (https://umijs.org/docs/getting-started#scaffold) along with formik-antd with the same input with schema validation using Yup. This time the validation error message is styled properly (see attached screenshot). Scratching my head, would be nice if I could use Formik and formik-antd within Ant Design Pro.

2020-08-28 (1) 2020-08-28

Thanks!

jannikbuschke commented 4 years ago

hi @yhrchan, sorry Im not able to help on this as I am not using ant design pro. Maybe someone else can assist here.

yhrchan commented 4 years ago

Thanks @jannikbuschke anyways. In case anyone runs into the same problem, I was able to resolve it by importing the following. Not sure the underlying reason, but it works.

import ProTable from '@ant-design/pro-table';