angular
angular copied to clipboard
[BUG] Formio autocomplete option in form builder not working
Environment
Please provide as many details as you can:
- Hosting type
- [x] Form.io
- [ ] Form.io official demo page
- Browser: Chrome
- Browser version: 92.0.4515.159
Steps to Reproduce
Go to the official demo page https://formio.github.io/angular-demo/#/forms/builder
- Create Name field with type textfield and autocomplete as off
- Create Address field with type textfield and autocomplete as off
- Create a Phone number field with type number and autocomplete as off
Expected behavior
Autocomplete feature should be disabled and there should be no suggestions to autofill the fields
Observed behavior
Autocomplete feature is still enabled and having suggestions to autofill the fields

Example
For code or form JSON, please enclose in a code block:
{
"components": [
{
"label": "Name",
"autocomplete": "off",
"tableView": true,
"key": "name",
"type": "textfield",
"input": true
},
{
"label": "Address",
"autocomplete": "off",
"tableView": true,
"key": "address",
"type": "textfield",
"input": true
},
{
"label": "Phone number",
"autocomplete": "off",
"mask": false,
"spellcheck": true,
"tableView": false,
"delimiter": false,
"requireDecimal": false,
"inputFormat": "plain",
"key": "phoneNumber",
"type": "number",
"input": true
},
{
"type": "button",
"label": "Submit",
"key": "submit",
"disableOnInvalid": true,
"input": true,
"tableView": false
}
]
}
Note: to replicate the issue you should have the information stored in the chrome browser. Step1: Open chrome browser settings Step2: Type Autofill and fill the details in Address and more.
Let me know if I am missing anything.
Thank you!!!