Shoelace: Autocomplete with saved logins not possible in `<sl-input autocomplete="on">`

Created on 12 Nov 2020  路  9Comments  路  Source: shoelace-style/shoelace

Describe the bug
Is it intentional that autocomplete on inputs won't work? Login and password for example.

To Reproduce
Steps to reproduce the behavior:
native|<sl-input autocomplete="on">
-|-
Use native input in html form, select browsers saved login - the password is autofilled|Password not filled, saved logins not used
grafik|grafik

Expected behavior
Would be nice, if saved logins are provided and used too if clicked

Desktop (please complete the following information):

  • OS: Win 10
  • Browser FF Nightly
bug upstream

All 9 comments

Would be nice to know, if this is a bug or a feature / expected behavior 馃槈

It's intended to work, and I've seen it work first hand many times. In fact, it worked so well that a composed <sl-input> inside of <sl-select> was getting autocompleted (#266). 馃槀

Can you post a test case?

grafik
The suggestions are shown, this is correct, but the password is not filled with the value which is stored in browser for the login field.

With <sl-input> you have to click / select the correct password entry manually from browser suggestions.

I will try to create a codepen for this later 馃槈

Here we go:

https://codepen.io/trailsnail-the-lessful/pen/wvWRmmK

  • enter testuser in native Login and test in native password field
  • submit and save credentials in browser dialog
  • after that reload pen
  • click into native login and select the testuser
    grafik
  • the password is filled
    grafik
  • try the same in <sl-input name="login">
    grafik
  • the suggestions appear, but on click, the password field isn't filled.
    grafik

It seems, that the fields aren't linked to browsers saved logins
grafik

Hope this helps 馃嵒

Seems you are right. Thanks for investigation.

@staabm fyi

But AFAIR FF had the same issue, no?

But AFAIR FF had the same issue, no?

What's this? https://bugzilla.mozilla.org/show_bug.cgi?id=1629226

While searching for matching topics, the Shadow Dom seems to be responsible for many other strange behaviors 馃ぃ

Seems this is still an issue with Safari. 馃槥 Guess I'll need to use a standard light DOM input for username/password fields.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

liskicious picture liskicious  路  4Comments

cetinsert picture cetinsert  路  4Comments

kevinlandsberg picture kevinlandsberg  路  4Comments

jaredcwhite picture jaredcwhite  路  6Comments

crutchcorn picture crutchcorn  路  7Comments