[10.1] JS-Error with MulticomboboxItem, comboboxes and IE

[SimonF]

Hi there,

I found a bug of our customers using Internet Explorer Version: 9.0.8112.16421 and Internet Explorer Version: 11.0.9600.18230. So maybe all versions.

We have a MultiComboBoxItem and a comboBox in a form. After adding a value from the MultiChombobox to the selected values, the other chombobox throws an error in the console.
We do get this error reported multiple times a day, but weren't able to reproduce it till now.

It's also reproducable with the latest nightly: SmartClient_v101p_2016-03-29_Pro.
With a current version of any other browser (Chomre or Firefox) it works correctly.


Code for reproduction:

organizations = [{
        "nameAndNumberString" : "None ",
        "organitzationUnitsDistanceToRootField" : 0,
        "organizationUnitsNameField" : "None"
    }, {
        "nameAndNumberString" : "Root 1",
        "organitzationUnitsDistanceToRootField" : 0,
        "organizationUnitsNameField" : "Root"
    }, {
        "nameAndNumberString" : "North 2",
        "organitzationUnitsDistanceToRootField" : 1,
        "organizationUnitsNameField" : "North"
    }, {
        "nameAndNumberString" : "Accounting 4",
        "organitzationUnitsDistanceToRootField" : 2,
        "organizationUnitsNameField" : "Accounting"
    }, {
        "nameAndNumberString" : "South 3",
        "organitzationUnitsDistanceToRootField" : 1,
        "organizationUnitsNameField" : "South"
    }, {
        "nameAndNumberString" : "Accounting 5",
        "organitzationUnitsDistanceToRootField" : 2,
        "organizationUnitsNameField" : "Accounting"
    }
];

destinationCountries = [{
        "name" : "Germany"
    }, {
        "name" : "France"
    }, {
        "name" : "Italy"
    }, {
        "name" : "Spain"
    }, {
        "name" : "Russia"
    }, {
        "name" : "USA"
    }
];

isc.DynamicForm.create({
    "ID" : "assigmentForm",
    "width" : 200,
    "fields" :
    [
        {
            "ID" : "countryOfDestinationMultiComboBoxItem",
            "name" : "countryOfDestinationMultiComboBoxItem",
            "title" : "Destination",
            "editorType" : "MultiComboBoxItem",
            "readOnlyDisplay" : "static",
            "loadingDisplayValue" : null,
            "layoutStyle" : "vertical",
            "comboBoxProperties" : {
                "type" : "text",
                "editorType" : "comboBox",
                "hint" : "",
                "iconWidth" : 16,
                "iconHeight" : 16,
                "tabIndex" : 7,
                "readOnlyDisplay" : "static",
                "textMatchStyle" : "substring",
                "allowEmptyValue" : true
            },
            "displayField" : "name",
            "valueField" : "name",
            optionDataSource : isc.DataSource.create({
                dataFormat : "json",
                ID : "destionationCountryDateSource",
                clientOnly : true,
                testData : destinationCountries
            })
        },
        {
            "ID" : "organizationUnitCombobox",
            "name" : "organizationUnitCombobox",
            "title" : "label",
            "type" : "text",
            "editorType" : "comboBox",
            "width" : 300,
            "readOnlyDisplay" : "static",
            "loadingDisplayValue" : null,
            "fetchDelay" : 500,
            "textMatchStyle" : "substring",
            "allowEmptyValue" : true,
            "displayField" : "organizationUnitsNameField",
            "valueField" : "nameAndNumberString",
            optionDataSource : isc.DataSource.create({
                dataFormat : "json",
                ID : "organizationDatasource",
                clientOnly : true,
                testData : organizations
            }),
            "pickListFields" :
            [{
                    "name" : "organitzationUnitsDistanceToRootField",
                    "type" : "integer",
                    "align" : "right",
                    "canEdit" : false,
                    "canSort" : false,
                    "showIf" : function (list, field, fieldNum) {
                        return false;
                    },
                    "showTitle" : false
                }, {
                    "name" : "organizationUnitsNameField",
                    "type" : "text",
                    "width" : "100% ",
                    "formatCellValue" : function (value, record, rowNum, colNum) {
                        if (record != null && colNum == 0) {
                            var distanceToRoot = record.organitzationUnitsDistanceToRootField;
                            var indentedString = "";
                            while (distanceToRoot > 0) {
                                indentedString += "  ";
                                distanceToRoot--;
                            }
                            return indentedString + value;
                        } else {
                            return value;
                        }
                    },
                    "canEdit" : false,
                    "canSort" : false,
                    "showTitle" : false
                }
            ],
            "pickListProperties" : {
                "showHeader" : false
            }
        }
    ],
    "values" : {
        "organizationUnitCombobox" : "Accounting 5",
        "countryOfDestinationMultiComboBoxItem" : "Germany"
    }
});

[Isomorphic]

A fix for this has been committed to SC 10.1p and newer, and will be in the nightly builds dated 2016-03-30 and beyond.

[SimonF]

Thanks,
fix confirmed for SmartClient_v101p_2016-03-30_Pro