AutoComplete not showing the options because the dropdown stays explicitly hidden.

[horacioj]

AutoComplete not showing the options because the dropdown stays explicitly hidden.

Please see the attached demo code. 

When it runs, I see this in the generated html:

<div class="e-dropdowns e-popup-holder" id="autocomplete-438093fa-8352-469c-85b5-61cf89f6824d_popupholder" style="top: -9999px; left: -9999px; position: absolute; visibility: hidden; width: 0px; height: 0px; display: none;" _bl_10="">

The options are there (the <ul> and <li> elements), but always hidden. 

The code is copy & paste of your demo pages. The only difference is that these are components hosting in a razor page.

I could not figure out why the AutoComplete isn't showing the dropdown with the options.

Thank you

 

Attachment: BlazorAppempty1syncf_7390d493.zip

[Sureshkumar P]

Hi Horacioj,

Based on your shared code example we suggest you include the script file with the themes reference to resolve the faced issue on your end.

Find the _layout page script reference:

Find the modified sample in the attachment:

Regards,

Sureshkumar P

Attachment: BlazorAppempty1syncf_7390d493_9d558001.zip

[horacioj]

Thank you! This solved the problem.