Support multiple collections for multiple input fields, with each collection maps to an input field?

So, I have been reading through the issues list in case I asked something duplicated. And there is one issue mentioning using multiple collections in a single input field. But my question is different in that, I'm having three input fields, each of which querys on a different collection. But the problem is that only the query result for the first one can be rendered properly; for the rest two, there is a tiny drop down list without rendering the results properly. And I don't know why. Thanks for answering. Below is the screenshot:


As you can see, the first autocomplete works well, but the second doesn't.

And this is basically my page structure: each template contains an autocomplete input field.

The issue names no files, tests, or entry points. Start by reproducing the page with three autocomplete inputs and compare the first input's rendering with the other two. Done means each input queries its intended collection and renders its results correctly.

Written by the indexing model from the issue text.