@syncfusion/ej2-dropdowns 23.1.41 → 23.1.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.41
+*  version : 23.1.42
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.1.40",
+  "_id": "@syncfusion/ej2-dropdowns@23.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-bpXzM3yvl5Rn59H3dMIpZP4JmY2pjttfsNEbyEDxAvdMtGuM6WzFb0PG34FTLijMqc5pLKLn2vaK4p6Tcnw6Jg==",
+  "_integrity": "sha512-y//3VH/5+habVL6F0DziqbiYzeCU3yvRE5/8YmQRKStz0qg/N0emXUiW/y2uerMFcEuWYUHAz6zIobX28fiA8Q==",
   "_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-23.1.40.tgz",
-  "_shasum": "1951d0d86e8127368968282a415bafe26540c010",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.1.41.tgz",
+  "_shasum": "b4d93ee08b3b0bf0ed2cc3efe64f19e33255a6f6",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -45,8 +45,8 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~23.1.41",
     "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.40",
-    "@syncfusion/ej2-lists": "~23.1.36",
+    "@syncfusion/ej2-inputs": "~23.1.42",
+    "@syncfusion/ej2-lists": "~23.1.42",
     "@syncfusion/ej2-navigations": "~23.1.41",
     "@syncfusion/ej2-notifications": "~23.1.40",
     "@syncfusion/ej2-popups": "~23.1.38"
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "23.1.41",
+  "version": "23.1.42",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/mention/mention.d.ts

@@ -49,6 +49,7 @@ export declare class Mention extends DropDownBase {
     private range;
     private displayTempElement;
     private isCollided;
+    private collision;
     private spinnerElement;
     private spinnerTemplateElement;
     private lineBreak;

package/src/mention/mention.js

@@ -693,6 +693,8 @@ var Mention = /** @class */ (function (_super) {
                 _this.initializePopup(popupEle_1, offsetValue, left);
                 _this.checkCollision(popupEle_1);
                 popupEle_1.style.visibility = 'visible';
+                var popupLeft_1 = popupEle_1.parentElement.offsetWidth - popupEle_1.offsetWidth;
+                var popupHeight_1 = popupEle_1.offsetHeight;
                 addClass([popupEle_1], ['e-mention', 'e-popup', 'e-popup-close']);
                 if (!isNullOrUndefined(_this.list)) {
                     _this.unWireListEvents();
@@ -721,9 +723,23 @@ var Mention = /** @class */ (function (_super) {
                             popupEle_1.style.cssText = 'top: '.concat(coordinates_1.top.toString(), 'px;\n left: ').concat(coordinates_1.left.toString(), 'px;\nposition: absolute;\n display: block;');
                         }
                         else {
-                            popupEle_1.style.left = formatUnit(coordinates_1.left);
-                            popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(_this.popupHeight.toString()));
+                            if (_this.collision.length > 0 && _this.collision.indexOf('right') > -1 && _this.collision.indexOf('bottom') === -1) {
+                                popupEle_1.style.cssText = 'top: '.concat(coordinates_1.top.toString(), 'px;\n left: ').concat(popupLeft_1.toString(), 'px;\nposition: absolute;\n display: block;');
+                            }
+                            else if (_this.collision && _this.collision.length > 0 && _this.collision.indexOf('bottom') > -1 && _this.collision.indexOf('right') === -1) {
+                                popupEle_1.style.left = formatUnit(coordinates_1.left);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(popupHeight_1.toString()));
+                            }
+                            else if (_this.collision && _this.collision.length > 0 && _this.collision.indexOf('bottom') > -1 && _this.collision.indexOf('right') > -1) {
+                                popupEle_1.style.left = formatUnit(popupLeft_1);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(popupHeight_1.toString()));
+                            }
+                            else {
+                                popupEle_1.style.left = formatUnit(coordinates_1.left);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(_this.popupHeight.toString()));
+                            }
                             _this.isCollided = false;
+                            _this.collision = [];
                         }
                         popupEle_1.style.width = _this.popupWidth !== '100%' && !isNullOrUndefined(_this.popupWidth) ? formatUnit(_this.popupWidth) : 'auto';
                         _this.setHeight(popupEle_1);
@@ -752,8 +768,8 @@ var Mention = /** @class */ (function (_super) {
     Mention.prototype.checkCollision = function (popupEle) {
         if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'mention'))) {
             var coordinates = this.getCoordinates(this.inputElement, this.getTriggerCharPosition());
-            var collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
-            if (collision.length > 0) {
+            this.collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
+            if (this.collision.length > 0) {
                 popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
                 this.isCollided = true;
             }
@@ -888,10 +904,18 @@ var Mention = /** @class */ (function (_super) {
             document.body.removeChild(div);
         }
         else {
-            coordinates = {
-                top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
-                left: rect.left + windowLeft + width
-            };
+            if (this.collision && this.collision.length > 0 && this.collision.indexOf('right') > -1 && this.collision.indexOf('bottom') === -1) {
+                coordinates = {
+                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10),
+                    left: rect.left + windowLeft + width
+                };
+            }
+            else {
+                coordinates = {
+                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
+                    left: rect.left + windowLeft + width
+                };
+            }
         }
         return coordinates;
     };