search

material-components / material-components-web

Modular and customizable Material Design UI components for the web
https://material.io/develop/web
MIT License
17.13k stars 2.15k forks source link

[MDCSelect] Autocomplete doesn't work #7482

Open tsteuwer-accesso opened 2 years ago

tsteuwer-accesso commented 2 years ago

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

allan-chen commented 2 years ago

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.

tsteuwer-accesso commented 2 years ago

@allan-chen , try this one:

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