[Solved] Combobox Placeholder breaks page layout

[Dan]

I have an input element that I am using as a ComboBox, which works great:

<input id="imtSelect" name="IMT" required data-required-msg="IMT is required." data-bind="value: imt">

I have it configured down in the "function" part of the page I am working on:

var imtData = [ "US", "Canada", "Federal" ];
// create ComboBox for IMT...
$("#imtSelect").kendoComboBox({
    dataSource : imtData,
    index : 0
});

However, if I try to add the "placeholder" attribute to the combobox, it throws/breaks all formatting on the page.  The TabStrip, the other comboboxes, date pickers --- basically the styles/classes are no longer in effect.

Here is what I change it to:

$("#imtSelect").kendoComboBox({
    dataSource : imtData,
    index : 0
    placeholder : "Select..."
});

I have also tried to define this attribute in the input element itself (placeholder="Select..."), but it has no effect -- it does not appear in the combobox.

Not sure what I am doing incorrect.

Thanks!

[Georgi Krustev]

Hello Dan,

The code snippet that adds the placeholder option has a missing comma:

index : 0 [here]
placeholder : "Select..."

This is invalid JavaScript and the widget will not initialize and every JavaScript widget after this declaration. Please add the missing comma and let me know if the problem still persists:

$("#imtSelect").kendoComboBox({
    dataSource : imtData,
    index : 0,
    placeholder : "Select..."
});

Regards,
Georgi Krustev
Telerik