search

material-components / material-web

Material Design Web Components
https://material-web.dev
Apache License 2.0
8.79k stars 827 forks source link

Chrome's "Suggest Password" not working with password text fields #5595

Closed drjon72 closed 1 month ago

drjon72 commented 1 month ago

What is affected?

Component

Description

Right click on a Material 3 text field of type "password" shows a drop down with "Suggest Password", however, nothing seems to happen when clicked.

Reproduction

Reproducible on https://material-web.dev/components/text-field/

Workaround

I have not found a workaround

Is this a regression?

No or unsure. This never worked, or I haven't tried before.

Affected versions

Failing @material/web@1.4.1-nightly.df6923e.0

Browser/OS/Node environment

Chrome Version 123.0.6312.107 (Official Build) (arm64) MacOS 13.6.6

austinw-fineart commented 1 month ago

Definitely an issue amongst the major browsers. I found this Chromium issue which claims to be fixed but from my testing is definitely not. Firefox users will also encounter a similar issue. Tested on Windows btw. I don't have a way of testing Safari but they claim to have fixed it.

TeamBusylj commented 1 month ago

Try to put the password field in a

tag and set the form action attribute to action="javascript:void(0);" to prevent reloads.

drjon72 commented 1 month ago

This is being tracked in chromium issue: https://issues.chromium.org/issues/326260437

They have a fix, will run an experiment and hopefully roll it out soon.