material-components-web icon indicating copy to clipboard operation
material-components-web copied to clipboard

[MDCSelect] Autocomplete doesn't work

Open tsteuwer-accesso opened this issue 3 years ago • 2 comments

Bug report

When using the autocomplete attribute on the mdc-select element, it doesn't handle the autocomplete event.

Steps to reproduce

  1. Go to https://stackblitz.com/edit/web-platform-afuksa?file=index.html
  2. Click on "First Name"
  3. Select your first name (with autofill enabled in your browser)
  4. It should fill in your first name and your street address, but you'll notice it doesn't autopopulate the country.

Actual behavior

The dropdown doesn't use the autofill value.

Expected behavior

The dropdown default selected should change to the autocomplete value.

Screenshots

N/A

Your Environment:

Software Version(s)
MDC Web 13
Browser Chrome
Operating System Ubuntu/Linux

Additional context

I've tried adding the autocomplete attribute to the main component, the mdc-menu component, etc. Nothing seems to work. I've also tried using a hidden input in the select and that also doesn't work.

Possible solution

N/A

tsteuwer-accesso avatar Dec 06 '21 17:12 tsteuwer-accesso

Hello,

The provided stackblitz does not contain any form fields. Could you revise the link?

In any case, this is likely because MDC select is a custom implementation and not based on a native select input field.

allan-chen avatar Dec 09 '21 18:12 allan-chen

@allan-chen , try this one:

https://stackblitz.com/edit/web-platform-afuksa?file=index.html

tsteuwer-accesso avatar Dec 16 '21 13:12 tsteuwer-accesso