Feature request: autocomplete/typeahead control.

[xmakro]

Something like this would be great: https://material.angularjs.org/latest/#/demo/material.components.autocomplete with custom templates

[RNCRyan]

+1. A first-party autocomplete control that implemented Material Design would be fantastic for us.

[RNCRyan]

Any thoughts on this? I think of an autocomplete / typeahead control as a central component to any front-end framework...

[eximius313]

+1

[boloson]

+1

[SayChunKim]

+1

[jwuliger]

+1

[samccone]

been working on one of these actually... have a half way decent version... will chat with team to see if we want to extract my version :dancers:

[RNCRyan]

Awesome. I'd love to take a look if/when that happens.

[duncanhunter]

+1

[addyosmani]

Hey folks. We totally appreciate the enthusiasm with the +1's. At this point it's clear this is a desired component so let's focus on comments in this issue being about how we can solve this (perhaps using @samccone's work) and less on the +1's :)

[samccone]

👍😊 I'll put something up on GitHub this week for everyone 👌

[samccone]

:sparkles: https://github.com/samccone/paper-typeahead :sparkles:

Here is just a quick initial hack, still plenty to do, but hopefully this opens the door for ideas / patches. I listed out a few improvements that I would like to do at the bottom of the readme!

[RNCRyan]

Thanks @samccone.

I'd like to make a few UI changes on this:

1) I'd make the pick list hidden unless the typeahead element has focus, 2) I'd like to make the pick list positioned above the background content (it shouldn't affect page layout in my opinion), and 3) I'd like to add an option to handle more complex object types (adding support for a function which can generate a String label for a complex object OR, lacking that function, default to just toString-ing the data). 4) Pick list selection should update the paper-input value.

I'll try to handle items 1, 3, and 4 as I have time and PR them back to @samccone's repo.

[samccone]

👍 feel free to use my repo to file ^

[tbragaf]

+1

[alecbz]

+1

(I know @addyosmani asked to stop the +1s but it seems like the only mechanism to indicate user interest in this issue AFAICT. I've seen people suggest subscribing to the issue instead but I don't think subscriptions to issues are publicized).

[samccone]

Hey @alecbenzer I am working on a "hopefully soon to be official" version here https://github.com/samccone/paper-typeahead

:)

[rodoneill]

+1

[the42]

What about https://github.com/cheonhyangzhang/paper-typeahead-input ? Only asking what to use. Will any see official inclusion?

[marquavious]

Is there any way to map this to the google api? For example, Auto completion for locations?

[jhuesos]

We have been using this one:

https://github.com/ellipticaljs/paper-autocomplete

I have been recently added as contributor and I would like to continue working on it. Any feedback is welcome

[alex-barylski]

+1

[samccone]

https://github.com/samccone/paper-typeahead is under active development, if anyone has feature requests or wants to help, it is a good place to do it :)

[notwaldorf]

Y'all should use @samccone's element, it's really awesome!

Sam, you should add it to https://beta.webcomponents.org/!