Shoelace: Prop on select field to disable autocomplete

Created on 5 Nov 2020  路  2Comments  路  Source: shoelace-style/shoelace

Is your feature request related to a problem? Please describe.
When using <sl-select> an autocomplete is shown in my version of Chrome (which I guess is the expected behaviour?)

Describe the solution you'd like
It would be good to have an autocomplete="off" prop on <sl-select> just like on <sl-input>.

From <sl-input>:
image

Describe alternatives you've considered
-

Additional context

Screenshot w/ the autocomplete popping up (macOS Catalina, Chrome 86)
image

bug

Most helpful comment

Select currently uses an <sl-input> under the hood, but this will change soon for a11y reasons. In the meantime, c82dd0bb3c442594b82cfc4accdcbb336cafeb74 should fix this.

All 2 comments

Select currently uses an <sl-input> under the hood, but this will change soon for a11y reasons. In the meantime, c82dd0bb3c442594b82cfc4accdcbb336cafeb74 should fix this.

Very cool, that fix looks good, thanks @claviska! 馃檶

I think the reason this has been happening is that I had a field w/ the exact same name as a regular <input type="text"> field before replacing it w/ shoelace. No autofill items are added after deleting the existing ones manually by clearing browser data.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

igorvanoostveen picture igorvanoostveen  路  4Comments

tmladek picture tmladek  路  3Comments

claviska picture claviska  路  5Comments

liskicious picture liskicious  路  4Comments

NullVoxPopuli picture NullVoxPopuli  路  6Comments