The following table summarizes the known issues and limitations of the igCombo
™ control. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table.
Legend | |
---|---|
Workaround available | |
No known workaround | |
No known workaround, fix planned |
Issue | Description | Status |
---|---|---|
In IE9 and lower versions placeHolder text is not previewed | Input placeholders are simply ignored in IE9 and below | |
When virtualization is enabled, all ItemTemplate elements should have equal heights | Misalignment issues may occur with the scrollbar | |
When Grouping and Virtualization are used some items are not rendered properly | When scrolling down, some items are not properly added | |
When loadOnDemand is used, initialSelectedItems option won't work as expected | Initial selection won't be reflected if the item is currently not present in the page loaded by the combo. | |
Autocomplete breaks the "Backspace" and "ESC" functionalities of Japanese IME composition in some browsers | IgCombo provides composition functionality for Japanese characters, but in most browsers (excluding Firefox) there is a slight deviation from the standard behavior. |
HTML5 introduces the placeholder
attribute on input
elements, which allows to display a greyed-out default text, although input placeholders are simply ignored in IE9 and below. This is because IE does not support it.
If itemTemplate
is used with virtualization
some misalignment issues may occur with the scrollbar. For example the last visible item could be partially hidden.
Workaround
A potential work around for this issue is to set height
to the item template like:
<script type="text/javascript">
$('#combo1').igCombo({
filteringType: "remote",
responseDataKey:"d.results",
dataSource: "http://igniteui.com/api/employees?callback=?",
valueKey: "ID",
textKey: "Name",
visibleItemsCount: 5,
virtualization: true,
itemTemplate: "<div class='comboItemContainer' style='height:100px'>" +
"<div class='empInfo'>" +
"<span class='empName'>${Name}</span>" +
"<p>${BirthDate}</p>" +
"<div>${Address}</div>" +
"</div>" +
"</div>"
});
</script>
When scrolling up/down through the item list, while there are grouped items, some list items may not be rendered properly or rendered at all.
Initial selection won't be reflected if the item is currently not present in the page loaded by the combo (e.g. first 16 initially loaded items). This is because the combo cannot extract the text of an item that is not yet loaded and thus cannot populate it in the combo input.
IgCombo provides composition functionality for Japanese characters, but in most browsers (excluding Firefox) there is a slight deviation from the standard behavior. When Autocomplete behavior of igCombo is activated, Japanese character is typed and needs to be confirmed, "Backspace" or "ESC" should delete the IME proposition. Instead of that, these keys confirm the IME proposition for Japanese character. The second use of the keys in this situation will work as expected.
View on GitHub