实现无法正确显示的自动填充数据

Question

考虑this image。

正如您所看到的，自动填充值无法正确显示。 我尝试了很多东西，比如扩展宽度和高度，或者让数据值变小但没有成功。 我从物化网站上获取了代码。 HTML代码：

<div class="input-field col s6">
    <input placeholder="Paris" id="fromfield" type="text" class="autocomplete">
    <label for="fromfield">Departure</label>
</div>

Javascript代码：

var airportsinfolabels = {};
for (var i = 0; i < t.length; i++) {
    airportsinfolabels[t[i].airportCode + " [" + t[i].airportName+"]"] = null; //countryArray[i].flag or null
}
$('input.autocomplete').autocomplete({
    data: airportsinfolabels,
    limit: 1,
    onAutocomplete: function(val) {
        // Callback function when value is autcompleted.
    },
});

知道它可能是什么？ 另见this link。