I'm using the Edge browser, and using the "autocomplete" property, but not working as expected. The value list is showed but when I click in an item, the field isn't loaded with the value selected.
This is the sample:
import TextField from '../../lib/Core/widget/TextField.js';
import Button from '../../lib/Core/widget/Button.js';
import Container from '../../lib/Core/widget/Container.js';
let F1 = new TextField({
width: '200px',
label: 'Enter text',
inputType: 'email',
autoComplete: 'email'
});
let F2 = new TextField({
clearable: true,
width: '200px',
label: 'Clearable',
inputType: 'password',
autoComplete: 'password'
});
let F3 = new Button({
width: '200px',
text: 'Button'
});
let C = new Container({
items: [F1, F2, F3]
});
C.appendTo = document. Body;
C.focus();
This will probable be a bit different for different setups. But I'm guessing that the autocomplete of email addresses in your screenshort is just that, a list of email addresses.
If I save a login (email+password) for current domain (localhost in my case) it will autofill correctly when selecting. This is normally done by the browser when submitting the login info. When I do this, I don't need the "role" workaround either.
We will look into this more closely in the ticket i linked above.