@syncfusion/ej2-dropdowns 33.2.12 → 34.1.29

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.12
+*  version : 34.1.29
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/helpers/e2e/autocomplete.d.ts

@@ -0,0 +1,16 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+export declare class AutoCompleteHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    constructor(id: string, wrapperFn: Function);
+    selector(arg: any): any;
+    getInputElement(): any;
+    getPopupElement(): any;
+    getListItemElement(): any;
+    getListGroupingElemnt(): any;
+    getValueElement(): any;
+    getWrapperElement(): any;
+    getClearIconElement(): any;
+    getSpinnerElement(): any;
+    getSpinnerInnerElement(): any;
+}

package/helpers/e2e/autocomplete.js

@@ -0,0 +1,60 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var AutoCompleteHelper = (function (_super) {
+        __extends(AutoCompleteHelper, _super);
+        function AutoCompleteHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        AutoCompleteHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        AutoCompleteHelper.prototype.getInputElement = function () {
+            return this.selector('#' + this.id);
+        };
+        AutoCompleteHelper.prototype.getPopupElement = function () {
+            return this.selector('#' + this.id + '_popup');
+        };
+        AutoCompleteHelper.prototype.getListItemElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-item');
+        };
+        AutoCompleteHelper.prototype.getListGroupingElemnt = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-group-item');
+        };
+        AutoCompleteHelper.prototype.getValueElement = function () {
+            return this.selector('#' + this.id + '_hidden');
+        };
+        AutoCompleteHelper.prototype.getWrapperElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl');
+        };
+        AutoCompleteHelper.prototype.getClearIconElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-clear-icon');
+        };
+        AutoCompleteHelper.prototype.getSpinnerElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-clear-icon .e-spinner-pane');
+        };
+        AutoCompleteHelper.prototype.getSpinnerInnerElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-clear-icon .e-spinner-pane .e-spinner-inner');
+        };
+        return AutoCompleteHelper;
+    }(e2e_1.TestHelper));
+    exports.AutoCompleteHelper = AutoCompleteHelper;
+});

package/helpers/e2e/combobox.d.ts

@@ -0,0 +1,17 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+export declare class ComboBoxHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    constructor(id: string, wrapperFn: Function);
+    selector(arg: any): any;
+    getInputElement(): any;
+    getPopupElement(): any;
+    getValueElement(): any;
+    getListItemElement(): any;
+    getListGroupingElemnt(): any;
+    getWrapperElement(): any;
+    getClearIconElement(): any;
+    getInputGroupIconElement(): any;
+    getSpinnerElement(): any;
+    getSpinnerInnerElement(): any;
+}

package/helpers/e2e/combobox.js

@@ -0,0 +1,63 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ComboBoxHelper = (function (_super) {
+        __extends(ComboBoxHelper, _super);
+        function ComboBoxHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        ComboBoxHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        ComboBoxHelper.prototype.getInputElement = function () {
+            return this.selector('#' + this.id);
+        };
+        ComboBoxHelper.prototype.getPopupElement = function () {
+            return this.selector('#' + this.id + '_popup');
+        };
+        ComboBoxHelper.prototype.getValueElement = function () {
+            return this.selector('#' + this.id + '_hidden');
+        };
+        ComboBoxHelper.prototype.getListItemElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-item');
+        };
+        ComboBoxHelper.prototype.getListGroupingElemnt = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-group-item');
+        };
+        ComboBoxHelper.prototype.getWrapperElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl');
+        };
+        ComboBoxHelper.prototype.getClearIconElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-clear-icon');
+        };
+        ComboBoxHelper.prototype.getInputGroupIconElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-input-group-icon.e-ddl-icon.e-search-icon');
+        };
+        ComboBoxHelper.prototype.getSpinnerElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-input-group-icon .e-spinner-pane');
+        };
+        ComboBoxHelper.prototype.getSpinnerInnerElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl .e-input-group-icon .e-spinner-pane .e-spinner-inner');
+        };
+        return ComboBoxHelper;
+    }(e2e_1.TestHelper));
+    exports.ComboBoxHelper = ComboBoxHelper;
+});

package/helpers/e2e/dropdownlist.d.ts

@@ -0,0 +1,20 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+export declare class DropDownListHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    constructor(id: string, wrapperFn: Function);
+    selector(arg: any): any;
+    getInputElement(): any;
+    getPopupElement(): any;
+    getValueElement(): any;
+    getListItemElement(): any;
+    getListGroupingElemnt(): any;
+    getWrapperElement(): any;
+    getInputGroupIconElement(): any;
+    getSpinnerElement(): any;
+    getSpinnerInnerElement(): any;
+    getFilterParentElement(): any;
+    getfilterInputGroupElement(): any;
+    getFilterInputElement(): any;
+    getFilterClearIconElement(): any;
+}

package/helpers/e2e/dropdownlist.js

@@ -0,0 +1,72 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var DropDownListHelper = (function (_super) {
+        __extends(DropDownListHelper, _super);
+        function DropDownListHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        DropDownListHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        DropDownListHelper.prototype.getInputElement = function () {
+            return this.selector('#' + this.id);
+        };
+        DropDownListHelper.prototype.getPopupElement = function () {
+            return this.selector('#' + this.id + '_popup');
+        };
+        DropDownListHelper.prototype.getValueElement = function () {
+            return this.selector('#' + this.id + '_hidden');
+        };
+        DropDownListHelper.prototype.getListItemElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-item');
+        };
+        DropDownListHelper.prototype.getListGroupingElemnt = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-group-item');
+        };
+        DropDownListHelper.prototype.getWrapperElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard');
+        };
+        DropDownListHelper.prototype.getInputGroupIconElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard .e-input-group-icon');
+        };
+        DropDownListHelper.prototype.getSpinnerElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard .e-input-group-icon .e-spinner-pane');
+        };
+        DropDownListHelper.prototype.getSpinnerInnerElement = function () {
+            return this.selector('.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard .e-input-group-icon .e-spinner-pane .e-spinner-inner');
+        };
+        DropDownListHelper.prototype.getFilterParentElement = function () {
+            return this.selector('.e-popup .e-filter-parent');
+        };
+        DropDownListHelper.prototype.getfilterInputGroupElement = function () {
+            return this.selector('.e-popup .e-filter-parent .e-input-group');
+        };
+        DropDownListHelper.prototype.getFilterInputElement = function () {
+            return this.selector('.e-popup .e-filter-parent .e-input-group .e-input-filter');
+        };
+        DropDownListHelper.prototype.getFilterClearIconElement = function () {
+            return this.selector('.e-popup .e-filter-parent .e-input-group .e-clear-icon');
+        };
+        return DropDownListHelper;
+    }(e2e_1.TestHelper));
+    exports.DropDownListHelper = DropDownListHelper;
+});

package/helpers/e2e/index.d.ts

@@ -0,0 +1,4 @@
+export * from './autocomplete';
+export * from './combobox';
+export * from './dropdownlist';
+export * from './multiselect';

package/helpers/e2e/index.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "./autocomplete", "./combobox", "./dropdownlist", "./multiselect"], function (require, exports, autocomplete_1, combobox_1, dropdownlist_1, multiselect_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(autocomplete_1);
+    __export(combobox_1);
+    __export(dropdownlist_1);
+    __export(multiselect_1);
+});

package/helpers/e2e/listboxHelper.d.ts

@@ -0,0 +1,22 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+/**
+ * E2E test helpers for Button to easily interact and the test the component
+ */
+export declare class listboxHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    /**
+     * Initialize the Button E2E helpers
+     * @param id Element id of the Button element
+     * @param wrapperFn Pass the wrapper function
+     */
+    constructor(id: string, wrapperFn: Function);
+    /**
+     * Used to get root element of the Button component
+     */
+    getElement(): any;
+    selectElement(element_id: string): void;
+    setModel(property: any, value: any): any;
+    getModel(property: any): any;
+    invoke(fName: any, args?: any): any;
+}

package/helpers/e2e/listboxHelper.js

@@ -0,0 +1,56 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var listboxHelper = (function (_super) {
+        __extends(listboxHelper, _super);
+        function listboxHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        listboxHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        listboxHelper.prototype.selectElement = function (element_id) {
+            document.getElementById(element_id).click();
+        };
+        listboxHelper.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        listboxHelper.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        listboxHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return listboxHelper;
+    }(e2e_1.TestHelper));
+    exports.listboxHelper = listboxHelper;
+});

package/helpers/e2e/multiselect.d.ts

@@ -0,0 +1,31 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+export declare class MultiSelectHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    constructor(id: string, wrapperFn: Function);
+    selector(arg: any): any;
+    getInputElement(): any;
+    getPopupElement(): any;
+    getListItemElement(): any;
+    getListGroupingElemnt(): any;
+    getInputFocusElement(): any;
+    getWrapperElement(): any;
+    getValueElement(): any;
+    getDropdownBaseInputElement(): any;
+    getSpinnerElement(): any;
+    getSpinnerInnerElement(): any;
+    getDelimValuesElement(): any;
+    getChipCollectionElement(): any;
+    getSearcherElement(): any;
+    getChipCloseElement(): any;
+    getInputGroupIconElemet(): any;
+    getFilterParentElement(): any;
+    getfilterInputGroupElement(): any;
+    getFilterInputElement(): any;
+    getFilterClearIconElement(): any;
+    getSelectAllElement(): any;
+    getSelectionReorderElement(): any;
+    getSelectionDisabledElement(): any;
+    getSelectAllCheckboxElement(): any;
+    getListItemCheckBoxElement(): any;
+}

package/helpers/e2e/multiselect.js

@@ -0,0 +1,105 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var MultiSelectHelper = (function (_super) {
+        __extends(MultiSelectHelper, _super);
+        function MultiSelectHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        MultiSelectHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        MultiSelectHelper.prototype.getInputElement = function () {
+            return this.selector('#' + this.id);
+        };
+        MultiSelectHelper.prototype.getPopupElement = function () {
+            return this.selector('#' + this.id + '_popup');
+        };
+        MultiSelectHelper.prototype.getListItemElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-item');
+        };
+        MultiSelectHelper.prototype.getListGroupingElemnt = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-group-item');
+        };
+        MultiSelectHelper.prototype.getInputFocusElement = function () {
+            return this.selector('.e-multiselect.e-input-group.e-input-focus');
+        };
+        MultiSelectHelper.prototype.getWrapperElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper');
+        };
+        MultiSelectHelper.prototype.getValueElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-multi-hidden');
+        };
+        MultiSelectHelper.prototype.getDropdownBaseInputElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-dropdownbase');
+        };
+        MultiSelectHelper.prototype.getSpinnerElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-chips-close .e-spinner-pane');
+        };
+        MultiSelectHelper.prototype.getSpinnerInnerElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-chips-close .e-spinner-pane .e-spinner-inner');
+        };
+        MultiSelectHelper.prototype.getDelimValuesElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-delim-view');
+        };
+        MultiSelectHelper.prototype.getChipCollectionElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-chips-collection');
+        };
+        MultiSelectHelper.prototype.getSearcherElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-searcher');
+        };
+        MultiSelectHelper.prototype.getChipCloseElement = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-chips-close');
+        };
+        MultiSelectHelper.prototype.getInputGroupIconElemet = function () {
+            return this.selector('.e-multiselect.e-input-group .e-multi-select-wrapper .e-input-group-icon');
+        };
+        MultiSelectHelper.prototype.getFilterParentElement = function () {
+            return this.selector('.e-popup .e-filter-parent');
+        };
+        MultiSelectHelper.prototype.getfilterInputGroupElement = function () {
+            return this.selector('.e-popup .e-filter-parent .e-input-group');
+        };
+        MultiSelectHelper.prototype.getFilterInputElement = function () {
+            return this.selector('.e-popup .e-filter-parent .e-input-group .e-input-filter');
+        };
+        MultiSelectHelper.prototype.getFilterClearIconElement = function () {
+            return this.selector('.e-popup .e-filter-parent .e-input-group .e-clear-icon');
+        };
+        MultiSelectHelper.prototype.getSelectAllElement = function () {
+            return this.selector('.e-popup .e-selectall-parent');
+        };
+        MultiSelectHelper.prototype.getSelectionReorderElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent.e-ul.e-reorder');
+        };
+        MultiSelectHelper.prototype.getSelectionDisabledElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-item.e-disable');
+        };
+        MultiSelectHelper.prototype.getSelectAllCheckboxElement = function () {
+            return this.selector('.e-popup .e-selectall-parent .e-checkbox-wrapper');
+        };
+        MultiSelectHelper.prototype.getListItemCheckBoxElement = function () {
+            return this.selector('.e-popup .e-content .e-list-parent .e-list-item .e-checkbox-wrapper');
+        };
+        return MultiSelectHelper;
+    }(e2e_1.TestHelper));
+    exports.MultiSelectHelper = MultiSelectHelper;
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "33.2.12",
+  "version": "34.1.29",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-data": "~33.2.12",
-    "@syncfusion/ej2-inputs": "~33.2.12",
-    "@syncfusion/ej2-lists": "~33.2.3",
-    "@syncfusion/ej2-navigations": "~33.2.10",
-    "@syncfusion/ej2-notifications": "~33.2.7",
-    "@syncfusion/ej2-popups": "~33.2.7"
+    "@syncfusion/ej2-base": "~34.1.29",
+    "@syncfusion/ej2-data": "~34.1.29",
+    "@syncfusion/ej2-inputs": "~34.1.29",
+    "@syncfusion/ej2-lists": "~34.1.29",
+    "@syncfusion/ej2-navigations": "~34.1.29",
+    "@syncfusion/ej2-notifications": "~34.1.29",
+    "@syncfusion/ej2-popups": "~34.1.29"
   },
   "devDependencies": {},
   "keywords": [

package/src/drop-down-base/drop-down-base.js

@@ -2268,6 +2268,9 @@ var DropDownBase = /** @class */ (function (_super) {
      * @returns {void}
      */
     DropDownBase.prototype.destroy = function () {
+        if (this.keyboardModule) {
+            this.keyboardModule.destroy();
+        }
         if (document) {
             if (this.fields && this.fields.groupBy) {
                 var elements = this.getScrollableParent();
@@ -2307,6 +2310,7 @@ var DropDownBase = /** @class */ (function (_super) {
         this.virtualSelectAllData = null;
         this.incrementalListData = null;
         _super.prototype.destroy.call(this);
+        this.keyboardModule = null;
     };
     __decorate([
         Complex({ text: null, value: null, iconCss: null, groupBy: null, disabled: null }, FieldSettings)

package/src/drop-down-list/drop-down-list.js

@@ -3075,9 +3075,7 @@ var DropDownList = /** @class */ (function (_super) {
                 ulElement = null;
             },
             targetExitViewport: function () {
-                if (!Browser.isDevice) {
-                    _this.hidePopup();
-                }
+                _this.hidePopup();
             }
         });
     };
@@ -3695,8 +3693,8 @@ var DropDownList = /** @class */ (function (_super) {
             if (!this.targetElement().hasAttribute('aria-label')) {
                 attributes(this.targetElement(), { 'aria-label': this.getModuleName() });
             }
-            if (!this.inputElement.hasAttribute('aria-label')) {
-                this.inputElement.setAttribute('aria-label', this.getModuleName());
+            if (!this.inputElement.hasAttribute('aria-labelledby')) {
+                this.inputElement.setAttribute('aria-labelledby', this.hiddenElement.id);
             }
             this.inputElement.setAttribute('aria-expanded', 'false');
         }

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -321,6 +321,8 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private isValueChange;
     private keyEventArgs;
     private keyboardModule;
+    private treeKeyboardModule;
+    private checkAllKeyboardModule;
     private keyConfigs;
     private overFlowWrapper;
     private isFilteredData;
@@ -333,6 +335,8 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private clearIconWidth;
     private isClicked;
     private documentClickContext;
+    private windowResizeHandler;
+    private documentClickHandler;
     private windowResizeContext;
     private isCheckAllCalled;
     private isFromFilterChange;

package/src/drop-down-tree/drop-down-tree.js

@@ -663,12 +663,13 @@ var DropDownTree = /** @class */ (function (_super) {
         EventHandler.add(this.inputWrapper, 'mousemove', this.mouseIn, this);
         EventHandler.add(this.inputWrapper, 'mouseout', this.onMouseLeave, this);
         EventHandler.add(this.overAllClear, 'mousedown', this.clearAll, this);
-        EventHandler.add(window, 'resize', this.windowResizeContext);
+        this.windowResizeHandler = this.windowResize.bind(this);
+        EventHandler.add(window, 'resize', this.windowResizeHandler, this);
         var formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.add(formElement, 'reset', this.resetValueHandler, this);
         }
-        this.keyboardModule = new KeyboardEvents(this.inputWrapper, {
+        this.treeKeyboardModule = new KeyboardEvents(this.inputWrapper, {
             keyAction: this.keyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
             eventName: 'keydown'
@@ -682,7 +683,7 @@ var DropDownTree = /** @class */ (function (_super) {
         });
     };
     DropDownTree.prototype.wireCheckAllWrapperEvents = function () {
-        this.keyboardModule = new KeyboardEvents(this.checkAllParent, {
+        this.checkAllKeyboardModule = new KeyboardEvents(this.checkAllParent, {
             keyAction: this.checkAllAction.bind(this),
             keyConfigs: this.keyConfigs,
             eventName: 'keydown'
@@ -699,12 +700,20 @@ var DropDownTree = /** @class */ (function (_super) {
         EventHandler.remove(this.inputWrapper, 'mousemove', this.mouseIn);
         EventHandler.remove(this.inputWrapper, 'mouseout', this.onMouseLeave);
         EventHandler.remove(this.overAllClear, 'mousedown', this.clearAll);
-        EventHandler.remove(window, 'resize', this.windowResizeContext);
+        EventHandler.remove(window, 'resize', this.windowResizeHandler);
         var formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);
         }
-        this.keyboardModule.destroy();
+        if (this.keyboardModule) {
+            this.keyboardModule.destroy();
+        }
+        if (this.treeKeyboardModule) {
+            this.treeKeyboardModule.destroy();
+        }
+        if (this.checkAllKeyboardModule) {
+            this.checkAllKeyboardModule.destroy();
+        }
         if (this.showSelectAll && this.checkAllParent) {
             EventHandler.remove(this.checkAllParent, 'mouseup', this.clickHandler);
         }
@@ -3381,9 +3390,22 @@ var DropDownTree = /** @class */ (function (_super) {
         this.overFlowWrapper = null;
         this.keyboardModule = null;
         _super.prototype.destroy.call(this);
+        this.treeKeyboardModule = null;
+        this.checkAllKeyboardModule = null;
+        this.selectedData = [];
+        this.treeData = null;
+        this.treeItems = [];
+        this.valueTemplateContainer = null;
+        this.filterContainer = null;
+        this.windowResizeHandler = null;
+        this.documentClickHandler = null;
         this.setProperties({ value: [] }, true);
     };
     DropDownTree.prototype.destroyFilter = function () {
+        if (this.filterTimer) {
+            window.clearTimeout(this.filterTimer);
+            this.filterTimer = null;
+        }
         if (this.filterObj) {
             this.filterObj.destroy();
             detach(this.filterObj.element);