IE Issue when template is used

[Antje]

Hello Telerik-Team,

i have a problem with DropDownList in Internet Explorer 9,10 and 11. When I use this template:

<div style="display:table-cell;width:auto;"><div id="${ data.Periode}">${ data.Periode}</div></div><div style="display:table-cell;width:auto;"><div id="${ data.Bezeichnung}">${ data.Bezeichnung}</div></div>

when initializing the DropDownList, the Popup is closed when i click into the scrollbar.

When i remove the template description, everything works fine.

Here's my init:

.kendoDropDownList({
                dataTextField: "Periode",
                dataValueField: "Periode",
                dataSource: dataSource,
                template: "<div style="display:table-cell;width:auto;"><div id="${ data.Periode}">${ data.Periode}</div></div><div style="display:table-cell;width:auto;"><div id="${ data.Bezeichnung}">${ data.Bezeichnung}</div></div>",
                optionLabel: defaultEntry 
            });

Thank you very much!

[Dimo]

Hi Antje,

I cannot reproduce the described problem with the provided code snippet. Please send a jsFiddle / jsBin demo, which demonstrates the issue.

On a side note, the template definition contains a syntax error - you are using double quotes to wrap the template as well as inside it, which should result in a Javascript error.

Regards,
Dimo
Telerik

[Antje]

A css snippet inside our code produced this. So no issue with dropdownlist itself.

Thanks for your help.