material-web Broken textfield autocomplete

The autosuggest fails until input tag is inside form tag. https://github.com/material-components/material-components-web/issues/3174

But It doesn't work for form level autosuggest. https://github.com/w3c/webcomponents/issues/572

Jul 24 '18 08:07 ranjeet-choudhary

@azakus Any movement on this? I can't believe we cannot override Chrome's background-color with input:-webkit-autofill. What an enormous gotcha with a floating label pattern input.

Doesn't this issue void the use of the floating label pattern?

Mar 11 '19 11:03 BenRacicot

@azakus Haven't tried yet but looks promising, should take care of form-related issues. Form-associated custom elements https://docs.google.com/document/d/1JO8puctCSpW-ZYGU8lF-h4FWRIDQNDVexzHoOQ2iQmY/edit?pli=1#heading=h.c5n73clvajkz

May 28 '19 09:05 ranjeet-choudhary

Is there a status on this? I was working on creating a Lit component that helps my company implement forms easily on client websites but not having autofill/autocomplete is kind of a deal breaker on whether or not we can use material form fields for it.

Thank you!

Oct 19 '21 15:10 jaydanurwin