I have found a problem in the loading of the KendoUI Web ComboBox in some cases where a preceding HTML tag is empty, with no close tag. Here is a jsfiddle showing the problem: http://jsfiddle.net/fwyeadon/q5h3X/8/
The sample contains several ComboBox controls used to accept selection criteria from the user, each placed within a div element. When run, alert boxes are displayed at the time the first ComboBox, the div containing the second ComboBox, and the second ComboBox are loaded. The first ComboBox loads and displays fine. However, the second div and ComboBox do not load correctly, and do not display as a result. It appears that the DOM elements are loaded, but the kendoComboBox settings are not.
I have found that this problem occurs only when the select element for the first ComboBox is written as an empty tag, as follows.
<select id="_cbSCField_test"/>
or
<select id="_cbSCField_test">
When the above select element is coded with an end tag, the problem disappears.
<select id="_cbSCField_test"></select>
I thought at first this might be a browser-specific problem, but it occurs on current Chrome, IE, and Firefox versions. The error is somewhat inconsistent, as I have more complex examples along the lines of the jsfiddle sample that work fine. It is a problem that is easy to work around once you diagnose it, but can be very difficult to find -- especially given that empty tags like the above are perfectly valid HTML5.
Please let me know if this is a bug, and if so when you will fix it.
Regards,
Fred
The sample contains several ComboBox controls used to accept selection criteria from the user, each placed within a div element. When run, alert boxes are displayed at the time the first ComboBox, the div containing the second ComboBox, and the second ComboBox are loaded. The first ComboBox loads and displays fine. However, the second div and ComboBox do not load correctly, and do not display as a result. It appears that the DOM elements are loaded, but the kendoComboBox settings are not.
I have found that this problem occurs only when the select element for the first ComboBox is written as an empty tag, as follows.
<select id="_cbSCField_test"/>
or
<select id="_cbSCField_test">
When the above select element is coded with an end tag, the problem disappears.
<select id="_cbSCField_test"></select>
I thought at first this might be a browser-specific problem, but it occurs on current Chrome, IE, and Firefox versions. The error is somewhat inconsistent, as I have more complex examples along the lines of the jsfiddle sample that work fine. It is a problem that is easy to work around once you diagnose it, but can be very difficult to find -- especially given that empty tags like the above are perfectly valid HTML5.
Please let me know if this is a bug, and if so when you will fix it.
Regards,
Fred