Formik: is There a way to trigger onChange event when Chome autofill feature is used?

[andriy-fuzz]

❓Question

I came across an issue, where users are using Chrome Autofill to enter saved inputs into the form. The result is that Chrome autofill feature does not trigger onChange events in form. And that results in form being invalid and form values technically empty even though visually they have values. See image below.

This issue is also expressed in react and other libraries. Link: https://github.com/facebook/react/issues/1159

I am curious if anyone came across solutions that are easy to implement?

[jaredpalmer]

@crosscompile didn't we fix this somehow on our login form?

[andriy-fuzz]

@jaredpalmer I am trying to programmatically trigger the form to validate. Without going into details, I have a hacky solution, but what would make it easier is if I get programmatically trigger formik to validate the field/forms. I am triggering the fields to focus/blur as can be shown in link below, but formik is not validating for some reason even though validateOnBlur is set to true.

• https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/blur

[stale[bot]]

Hola! So here's the deal, between open source and my day job and life and what not, I have a lot to manage, so I use a GitHub bot to automate a few things here and there. This particular GitHub bot is going to mark this as stale because it has not had recent activity for a while. It will be closed if no further activity occurs in a few days. Do not take this personally--seriously--this is a completely automated action. If this is a mistake, just make a comment, DM me, send a carrier pidgeon, or a smoke signal.

[stale[bot]]

ProBot automatically closed this due to inactivity. Holler if this is a mistake, and we'll re-open it.

[addamove]

I have the same problem @andriy-fuzz how you solved it?

[gsoverini]

This is still an issue, at least for fields that are validated onBlur.
Users have to click on the form field in order to validate it, even if Chrome autofilled them.

[svey]

I also have this problem is there a solution?

[jojo-tutor]

Same here. The same problem.

[FatehAK]

Any updates on this issue? I am having problems with Google Places Autocomplete and Formik

[dustwise]

This issue still exists at the end of 2019. Has anyone successfully implemented a solution/workaround for this?

[agos]

same problem here. not so much validation, but for style application when the field is filled. On first render field.value is an empty string (as passed in from initialValues), onChange is not triggered until user interaction, so the field is filled but there is no chance to update the style

[colepeters]

Also seeing this issue. An additional oddity is that the validation seems to kick in when clicking _anywhere_ on the page, even outside of the form. 👻

[ioliinyk]

Same problem and we don`t see appropriate workaround. Please reopen and fix.

[Egenie-mih]

We have the same problem. Please, reopen and fix