@syncfusion/ej2-dropdowns 19.4.38 → 19.4.47

package/dist/es6/ej2-dropdowns.es2015.js

@@ -1199,7 +1199,8 @@ let DropDownBase = class DropDownBase extends Component {
                 li.innerText = itemText;
             }
             if (this.itemTemplate && !isHeader) {
-                const compiledString = compile(this.itemTemplate);
+                const itemCheck = this.templateCompiler(this.itemTemplate);
+                const compiledString = itemCheck ? compile(select(this.itemTemplate, document).innerHTML.trim()) : compile(this.itemTemplate);
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 const addItemTemplate = compiledString(item, this, 'itemTemplate', this.itemTemplateId, this.isStringTemplate, null, li);
                 if (addItemTemplate) {
@@ -3608,7 +3609,7 @@ let DropDownList = class DropDownList extends DropDownBase {
     checkCustomValue() {
         this.itemData = this.getDataByValue(this.value);
         const dataItem = this.getItemData();
-        this.setProperties({ 'value': dataItem.value, 'text': dataItem.text });
+        this.setProperties({ 'text': dataItem.text, 'value': dataItem.value });
     }
     updateInputFields() {
         if (this.getModuleName() === 'dropdownlist') {
@@ -11678,7 +11679,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 'li.e-list-item[aria-selected="true"]:not(.e-reorder-hide)');
         }
         if (this.enableGroupCheckBox && this.mode === 'CheckBox' && !isNullOrUndefined(this.fields.groupBy)) {
-            let target = (event ? event.target : null);
+            let target = (event ? (this.groupTemplate ? closest(event.target, '.e-list-group-item') : event.target) : null);
             target = (event && event.keyCode === 32) ? list : target;
             target = (target && target.classList.contains('e-frame')) ? target.parentElement.parentElement : target;
             if (target && target.classList.contains('e-list-group-item')) {
@@ -12048,6 +12049,17 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.notify('selectAllText', false);
                     break;
                 case 'popupHeight':
+                    if (this.popupObj) {
+                        let overAllHeight = parseInt(this.popupHeight, 10);
+                        if (this.popupHeight !== 'auto') {
+                            this.list.style.maxHeight = formatUnit(overAllHeight);
+                            this.popupWrapper.style.maxHeight = formatUnit(this.popupHeight);
+                        }
+                        else {
+                            this.list.style.maxHeight = formatUnit(this.popupHeight);
+                        }
+                    }
+                    break;
                 case 'headerTemplate':
                 case 'footerTemplate':
                     this.reInitializePoup();