@syncfusion/ej2-dropdowns 22.1.37 → 22.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.37
+*  version : 22.1.39
 *  Copyright Syncfusion Inc. 2001 - 2020. 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/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@22.1.36",
+  "_id": "@syncfusion/ej2-dropdowns@22.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-fHgDG/D8twNtHALliOERecK7QClG+Sr0260BDqSjwpo0JVsVj/g5jlVa+bWkGTXo/5BCkmuYObNY9Q8a2lvpfA==",
+  "_integrity": "sha512-rmkxzqNkvxi1OGMnjl9YUz5iTrvaS4pff5fMYdq1xCccizycwqdNnL5+MNimnSWJqDxpST+SwPiL86NMgVlt6A==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-22.1.36.tgz",
-  "_shasum": "d0a7c1dc6f28b2f1c1a7ce5bb22e9c519bfca4c2",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-22.1.38.tgz",
+  "_shasum": "ce2897f653685a6c96d27245ebab2d45771b75df",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -43,12 +43,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-data": "~22.1.36",
-    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.38",
+    "@syncfusion/ej2-data": "~22.1.38",
+    "@syncfusion/ej2-inputs": "~22.1.39",
     "@syncfusion/ej2-lists": "~22.1.34",
-    "@syncfusion/ej2-navigations": "~22.1.36",
-    "@syncfusion/ej2-popups": "~22.1.37"
+    "@syncfusion/ej2-navigations": "~22.1.39",
+    "@syncfusion/ej2-popups": "~22.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -73,7 +73,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "22.1.37",
+  "version": "22.1.39",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -1677,20 +1677,20 @@ var DropDownList = /** @class */ (function (_super) {
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
-                var popupEle = _this.createElement('div', {
+                var popupEle_1 = _this.createElement('div', {
                     id: _this.element.id + '_popup', className: 'e-ddl e-popup ' + (_this.cssClass !== null ? _this.cssClass : '')
                 });
-                var searchBox = _this.setSearchBox(popupEle);
+                var searchBox = _this.setSearchBox(popupEle_1);
                 _this.listHeight = formatUnit(_this.popupHeight);
                 if (_this.headerTemplate) {
-                    _this.setHeaderTemplate(popupEle);
+                    _this.setHeaderTemplate(popupEle_1);
                 }
-                append([_this.list], popupEle);
+                append([_this.list], popupEle_1);
                 if (_this.footerTemplate) {
-                    _this.setFooterTemplate(popupEle);
+                    _this.setFooterTemplate(popupEle_1);
                 }
-                document.body.appendChild(popupEle);
-                popupEle.style.visibility = 'hidden';
+                document.body.appendChild(popupEle_1);
+                popupEle_1.style.visibility = 'hidden';
                 if (_this.popupHeight !== 'auto') {
                     _this.searchBoxHeight = 0;
                     if (!isNullOrUndefined(searchBox.container)) {
@@ -1698,20 +1698,20 @@ var DropDownList = /** @class */ (function (_super) {
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (_this.searchBoxHeight)).toString() + 'px';
                     }
                     if (_this.headerTemplate) {
-                        _this.header = _this.header ? _this.header : popupEle.querySelector('.e-ddl-header');
+                        _this.header = _this.header ? _this.header : popupEle_1.querySelector('.e-ddl-header');
                         var height = Math.round(_this.header.getBoundingClientRect().height);
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (height + _this.searchBoxHeight)).toString() + 'px';
                     }
                     if (_this.footerTemplate) {
-                        _this.footer = _this.footer ? _this.footer : popupEle.querySelector('.e-ddl-footer');
+                        _this.footer = _this.footer ? _this.footer : popupEle_1.querySelector('.e-ddl-footer');
                         var height = Math.round(_this.footer.getBoundingClientRect().height);
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (height + _this.searchBoxHeight)).toString() + 'px';
                     }
                     _this.list.style.maxHeight = (parseInt(_this.listHeight, 10) - 2).toString() + 'px'; // due to box-sizing property
-                    popupEle.style.maxHeight = formatUnit(_this.popupHeight);
+                    popupEle_1.style.maxHeight = formatUnit(_this.popupHeight);
                 }
                 else {
-                    popupEle.style.height = 'auto';
+                    popupEle_1.style.height = 'auto';
                 }
                 var offsetValue = 0;
                 var left = void 0;
@@ -1723,7 +1723,7 @@ var DropDownList = /** @class */ (function (_super) {
                 }
                 if (Browser.isDevice && (!_this.allowFiltering && (_this.getModuleName() === 'dropdownlist' ||
                     (_this.isDropDownClick && _this.getModuleName() === 'combobox')))) {
-                    offsetValue = _this.getOffsetValue(popupEle);
+                    offsetValue = _this.getOffsetValue(popupEle_1);
                     var firstItem = _this.isEmptyList() ? _this.list : _this.liCollections[0];
                     if (!isNullOrUndefined(_this.inputElement)) {
                         left = -(parseInt(getComputedStyle(firstItem).textIndent, 10) -
@@ -1732,8 +1732,9 @@ var DropDownList = /** @class */ (function (_super) {
                     }
                 }
                 _this.getFocusElement();
-                _this.createPopup(popupEle, offsetValue, left);
-                _this.checkCollision(popupEle);
+                _this.createPopup(popupEle_1, offsetValue, left);
+                _this.checkCollision(popupEle_1);
+                var popupLeft_1 = _this.enableRtl ? parseFloat(popupEle_1.style.left) - (_this.ulElement.parentElement.offsetWidth - _this.inputWrapper.container.offsetWidth) : 0;
                 if (Browser.isDevice) {
                     _this.popupObj.element.classList.add(dropDownListClasses.device);
                     if (_this.getModuleName() === 'dropdownlist' || (_this.getModuleName() === 'combobox'
@@ -1753,8 +1754,8 @@ var DropDownList = /** @class */ (function (_super) {
                         EventHandler.add(_this.clearIconElement, 'click', _this.clearText, _this);
                     }
                 }
-                popupEle.style.visibility = 'visible';
-                addClass([popupEle], 'e-popup-close');
+                popupEle_1.style.visibility = 'visible';
+                addClass([popupEle_1], 'e-popup-close');
                 var scrollParentElements = _this.popupObj.getScrollableParent(_this.inputWrapper.container);
                 for (var _i = 0, scrollParentElements_1 = scrollParentElements; _i < scrollParentElements_1.length; _i++) {
                     var element = scrollParentElements_1[_i];
@@ -1787,6 +1788,9 @@ var DropDownList = /** @class */ (function (_super) {
                         _this.beforePopupOpen = false;
                         _this.destroyPopup();
                     }
+                    if (_this.enableRtl && popupLeft_1 > 0) {
+                        popupEle_1.style.left = popupLeft_1 + "px";
+                    }
                 });
             }
             else {

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

@@ -428,6 +428,12 @@ var DropDownTree = /** @class */ (function (_super) {
                 }
                 _this.treeObj.fields = _this.getTreeFields(fields);
                 _this.treeObj.dataBind();
+                if (_this.hasTemplate && _this.portals) {
+                    _this.portals = [].concat(_this.treeObj.portals);
+                    if (_this.isReact) {
+                        _this.renderReactTemplates();
+                    }
+                }
             }
         });
     };

package/src/list-box/list-box.js

@@ -462,7 +462,7 @@ var ListBox = /** @class */ (function (_super) {
             if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
                 scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
             }
-            else if ((event.pageY - scrollMoved) - boundRect.y < 1) {
+            else if ((event.clientY - scrollMoved) - boundRect.y < 1) {
                 scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
             }
         }

package/src/multi-select/checkbox-selection.js

@@ -343,10 +343,12 @@ var CheckBoxSelection = /** @class */ (function () {
         clearElement.parentElement.insertBefore(this.filterInput, clearElement);
     };
     CheckBoxSelection.prototype.setPopupFullScreen = function () {
-        attributes(this.parent.popupObj.element, { style: 'left:0px;right:0px;top:0px;bottom:0px;' });
-        addClass([document.body, this.parent.popupObj.element], popupFullScreen);
-        this.parent.popupObj.element.style.maxHeight = '100%';
-        this.parent.popupObj.element.style.width = '100%';
+        if (this.parent && this.parent.popupObj) {
+            attributes(this.parent.popupObj.element, { style: 'left:0px;right:0px;top:0px;bottom:0px;' });
+            addClass([document.body, this.parent.popupObj.element], popupFullScreen);
+            this.parent.popupObj.element.style.maxHeight = '100%';
+            this.parent.popupObj.element.style.width = '100%';
+        }
     };
     CheckBoxSelection.prototype.targetElement = function () {
         if (!isNullOrUndefined(this.clearIconElement)) {

package/src/multi-select/multi-select.js

@@ -264,6 +264,9 @@ var MultiSelect = /** @class */ (function (_super) {
                 if (_this.isFirstClick) {
                     _this.loadTemplate();
                 }
+                if (_this.enableRtl) {
+                    _this.popupWrapper.style.visibility = 'hidden';
+                }
             }
         });
     };
@@ -2132,6 +2135,11 @@ var MultiSelect = /** @class */ (function (_super) {
                     },
                     open: function () {
                         _this.popupObj.resolveCollision();
+                        if (_this.enableRtl) {
+                            var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.overAllWrapper.offsetWidth);
+                            _this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : _this.popupWrapper.style.left;
+                            _this.popupWrapper.style.visibility = 'hidden';
+                        }
                         if (!_this.isFirstClick) {
                             var ulElement = _this.list.querySelector('ul');
                             if (ulElement) {