Я пытаюсь популяризировать список выбора в Materialize CSS с данными из массива объектов.
У меня есть список выбора:
window.$ = window.jQuery = require('jquery');
$(document).ready(function() {
$('select').material_select();
});
function populateSelect() {
$('.select-person').empty();
people.forEach(function(person, index) {
var option = $('<option></option>');
option.val(index);
option.text(person.name);
$('.select-person').append(option);
})
$('.select-person').material_select();
}
<select class="white-text select-list select-person">
<option value="" disabled selected>Select a person</option>
</select>
Теперь этот вид работает и заполняет список выбора данными о людях, но кроме того, он запутывает курсор и толкает значок вниз, а также показывает параметры за пределами списка выбора в дополнение к опциям внутри списка. выберите список.
Как я могу это исправить? Я использую Materialise v0.100.2.