How to properly prepare registration form?

Hi DefiCzech sorry for the delay in getting back to you. I took a look at your page structure. It's possible that 1Password is getting confused by some of the code related to the new email and new password fields.

Specifically, the values for the "htmlId" and "htmlClass" attributes in your form are not what 1Password expects to see for new email and new password fields. If you look at the page structure for https://fill.dev/form/registration-email, the values for those attributes are more straight forward.


{
"unparsedUrl": "https://fill.dev/form/registration-email",
"title": "Test Autofill",
"frames": [
{
"fields": [
{
"autocompleteType": "email",
"formOpid": 0,
"htmlId": "email",
"htmlName": "email",
"htmlClass": "form-control",
"isActive": true,
"opid": 1,
"type": "email",
"dataAttributes": {},
"label": "Email",
"labelBefore": "Email"
},
{
"autocompleteType": "new-password",
"formOpid": 0,
"htmlId": "password",
"htmlName": "password",
"htmlClass": "form-control",
"opid": 2,
"type": "password",
"dataAttributes": {},
"label": "Password",
"labelBefore": "Password"
},
{
"autocompleteType": "new-password",
"formOpid": 0,
"htmlId": "password-confirm",
"htmlName": "password_confirmation",
"htmlClass": "form-control",
"opid": 3,
"type": "password",
"dataAttributes": {},
"label": "Confirm Password",
"labelBefore": "Confirm Password"
},
{
"formOpid": 0,
"htmlClass": "btn btn-primary",
"opid": 4,
"type": "submit",
"value": "Register",
"dataAttributes": {}
}
],
"forms": [
{
"headerText": "Register",
"htmlAction": "https://fill.dev/submit",
"htmlMethod": "POST",
"opid": 0,
"textContent": "Email Password Confirm Password Register"
}
],
"origin": "https://fill.dev",
"title": "Test Autofill",
"pathName": "/form/registration-email",
"uuid": "c83j0b"
}
]
}


I strongly recommend checking out this guide on how to code your forms to work best with 1Password: https://developer.1password.com/docs/web/compatible-website-design/

I hope that helps!