Doesn't work for multiple inputs

[lodenrogue]

I created a start address and end address input and gave them both the same class. I referenced the class in places -> container but the functionality only works for the first input not the second.

Please take a look at the source code if you have any questions: http://pastebin.com/huQx5X1F

[vvo]

Hi @lodenrogue, for now you need to instantiate it twice: one per input. I will make this clearer

[redox]

Hi @lodenrogue, for now you need to instantiate it twice: one per input. I will make this clearer

autocomplete.js is compliant with multiple inputs binding; we should be able to support it.

[lodenrogue]

Ok thanks.

[vvo]

This is different here I believe because you would want different events given the start or end inputs, thus getting a single instance of places.js when bound on different inputs does not make sense in this use case.

[redox]

This is different here I believe because you would want different events given the start or end inputs, thus getting a single instance of places.js when bound on different inputs does not make sense.

Right; eventually we should be able to rely on the underlying target of the event. But makes sense.

[vvo]

@lodenrogue you can do this:

var start = places({container: document.querySelector('#start-input')});
var end = places({container: document.querySelector('#end-input')});

Given that your html looks like this:

<input type="text" id="start-input">
<input type="text" id="end-input">

[lodenrogue]

Thanks