Our blazing fast Grid component built with pure JavaScript


Post by henrique »

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();

And the prints:

Image1.png
Image1.png (17.62 KiB) Viewed 599 times
Image2.png
Image2.png (3.95 KiB) Viewed 599 times

Post by joakim.l »

Hi!

This a bug related to the aria role attribute.
Created a ticket for it:
https://github.com/bryntum/support/issues/5665

As a workaround, you could use the undocumented role config on TextField.

const F1 = new TextField({
    width : '200px',
    label : 'Enter text',
    inputType : 'email',
    autoComplete : 'email',
    role : null
});

Regards
Joakim


Post by henrique »

This workaround works with the e-mail, but the password isn't filled, any work around for it?


Post by joakim.l »

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.

Regards
Joakim


Post by henrique »

Thanks!


Post by henrique »

Any news?


Post by mats »

Please see update in ticket in Github.


Post Reply