CF7 does not validate autofilled fields with chrome (yellow background)

More details :
I push the same at the top AND at the bottom.

Form at the bottom of the webpage does not work.
Form at the top of the webpage works fine.

Is there something I need to know if I push twice the same form in one webpage ?

I have the same issue on our website. There are 2 on the page and one in the footer. The 2nd form on the page is not working as described as above. Any suggestions on this?

Any word? Having same issue. Homepage contact no problem but contact form in footer won’t allow/validate autofill.

Same issue. Why cant we autofill the forms?

same issue here. Tried to disable autofill, but nothing works

Also having this issue. Any info on whether this on our end, or a CF7 bug would be great.

******************************EDIT*******************************

Ok, so it turns out this was happening due to the two forms sharing field names. Check your field names and make sure that they are unique to the form.

As a suggestion to the developer, if the fields could have the form-id appended to the names, this issues would be resolved easily and allow users to make duplicate forms more easily. Food for thought! Thanks!

• This reply was modified 5 years, 10 months ago by vermillionone. Reason: Found solution
• This reply was modified 5 years, 10 months ago by vermillionone.

I had 2 forms on the same page:
1 in the main area & 1 in the sidebar.

Hopefully this helps somebody ;o)

I used the same shortcode to inject the same CF7 form twice on my webpage.

I managed to kill this issue creating a second form and using two différent shortcodes.

I suspect jquery to get lost with two forms using the same ID.

Try this if you use a the same form twice on a webpage :
1. Clone your form
2. Get the shortcode for this clone
3. Replace the 2nd occurrence by the clone’s one.

It May do the job ??