Forms dropdown autofill bug

Hello! We are using a custom Form for step 2 of user registration. This form has a dropdown field for the country selection. It is pre-filled with users preferred country.

The bug occurs when the user attempts to autofill (chrome) information into the first or last-name field which causes the user’s autofill Country to replace the country in the dropdown. Then, if the user clicks the dropdown arrow the previous country appears selected but the form submits the country value from the user’s autofill information.

For example. Here the user had the country Germany prefilled. Then they went to autofill the first name field and it also autofilled the country field as well. However, if the user clicks the dropdown arrow then the previous country appears yet the autofilled country is submitted on clicking “Sign In”:





This appears to be a bug with how the Dropdown component in Forms works with chrome autofill. Any suggestions or workarounds would be greatly appreciated!

Hi @myles.dawson,

I have just tested the Forms dropdown behavior on my end and encountered the exact behavior you mentioned.

If I use autofill to fill in the form, my country that was autofilled overrides any selection I have made for the country drop-down options. I verified this by clicking on continue and seeing my autofilled country saved rather than the country I selected previously.

From what I understand, this is the expected autofill behavior. It is meant to override any autofilled fields and use those values over the ones you selected previously.

If the user would like to change their selection after it has been autofilled, then they might have to re-select their country again.

Let me know if you have any follow-up questions.

Thanks,
Rueben

Hello @rueben.tiow!

The autofill behavior is working great, however there appears to a be a bug when clicking the dropdown “arrow” icon after using autofill.

In the screenshots below we can see dropdown is prefilled with “Germany” value. Then user enters autofill information which contains “Canada” country. However, when user clicks the arrow afterwards the dropdown value appears as “Germany” once again. Even more strange, when the form is submitted the country value is sent as “Canada” and not “Germany” as is displayed on screen!



This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.