Invisable ul

[Syndlex]

Hey,

As sone as I Implement the singleDropdown like in the Example I cant see the list items. They are generating but they are Invinsable. I dont know the reason for this.

The Code generating is:

<input placeholder="test" id="IngreName" class="active" style="" type="text">
<ul id="singleDropdown" class="dropdown-content ac-dropdown" style="display: block;">
<li class="ac-item" data-id="1" data-text="value">value</li>
<li class="ac-item" data-id="2" data-text="test">test</li>
</ul>

I use this JS code:

    $('#IngreName').materialize_autocomplete({
        limit: 10,
        dropdown: {
            itemTemplate: '<li class="ac-item" data-id="<%= item.id %>" data-text="<%= item.text %>"><%= item.text %></li>',
            el: '#singleDropdown'
        },
        getData: function (value, callback) {
            if (value.length >= 3) {
                $.get("/Ingredient/Search", {term: value})
                    .done(function (data) {
                        callback(value, data);
                    });
            }
        }
    });

My HTML is:

    <input th:type="text" th:id="IngreName" placeholder="test"/>
    <ul id="singleDropdown" class="dropdown-content ac-dropdown"></ul>

[bugsoftware]

dropdown: {
el: '#singleDropdown',
itemTemplate: '<li class="ac-item" data-id="<%= item.id %>" data-text='<%= item.text %>'><%= item.highlight %>'
}
item.highlight is bad, change to text
FIX:
dropdown: {
el: '#singleDropdown',
itemTemplate: '<li class="ac-item" data-id="<%= item.id %>" data-text='<%= item.text %>'><%= item.text %>'
}

[Syndlex]

ahh..

So highlight wasn't the fix i searched for.

For Some Reason materializecss is setting the opacity to 0.

added
$('#singleDropdown').css('opacity', 1);
into the done function.
Thanks for the help.