@syncfusion/ej2-richtexteditor - npm Package Compare versions

Comparing version 17.2.46 to 17.2.47

CHANGELOG.md

@@ -9,4 +9,25 @@ # Changelog
 
+- `#242999` - Now, Reactive form validates properly on `shift + tab` key action.
+
+- `#244796` - Floating toolbar now renders properly without alignment issue, when render the Rich Text Editor within Tab.
+
+## 17.2.46 (2019-08-22)
+
+### RichTextEditor
+
+#### New Features
+
+- **Image upload events**
+    - `#240002`, `#236690`, `#241238`, `#244320` - This feature allows images to be customized on uploading and inserting them into the editor by using the upload events image selected, image uploading, image upload success, and image upload failed. Users can rename the images before inserting them into the editor using these events.
+
+#### Bug Fixes
+
 - `#243475` - Now, you can validate max-length even showCharCount property as false.
 
+- `#243475` - Resolved the issue with max-length validation on pasting the content.
+
+- `#242999` - The key action for `tab` key and `shift + tab` key are similar now.
+
+- `#241388` - The issue with right-click option while rendering RichTextEditor inside the table has been fixed.
+
 ## 17.2.41 (2019-08-14)
@@ -21,5 +42,2 @@
 
-- **Image upload events**
-    - `#240002`, `#236690`, `#241238`, `#244320` - This feature allows images to be customized on uploading and inserting them into the editor by using the upload events image selected, image uploading, image upload success, and image upload failed. Users can rename the images before inserting them into the editor using these events.
-
 - `#242771` - Provided the support to handle both absolute and relative path links.
@@ -41,8 +59,2 @@
 
-- `#243475` - Resolved the issue with max-length validation on pasting the content.
-
-- `#243921` - The issue, "font-size not applied to cursor based selection" has been resolved.
-
-- `#242999` - The key action for `tab` key and `shift + tab` key are similar now.
-
 ## 17.2.35 (2019-07-17)
@@ -49,0 +61,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.2.46
+*  version : 17.2.47
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@17.2.41",
+  "_id": "@syncfusion/ej2-richtexteditor@17.2.46",
   "_inBundle": false,
-  "_integrity": "sha512-ji5HMCvCXtC3MqH8vJwAhvo6Jy5nO5cQ5x1mQmij4ck2wQuZY8ckEnKAVhXr/+3J0h4xhm7HzXxMD0BppyylzQ==",
+  "_integrity": "sha512-EYbGCc7AdnEB5MZbnS+A49HGD7t0VrxuK0xMISuU081q2XQfXWRaAYnIsaZ6YjbStr/z0Y/pBjS5psflm4aGMA==",
   "_location": "/@syncfusion/ej2-richtexteditor",
@@ -29,6 +29,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-17.2.41.tgz",
-  "_shasum": "701b64f2ef56bb5b950c39d38e699b73fced7ebd",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-17.2.46.tgz",
+  "_shasum": "8fdaeba8db83bca3caa5f8a2b4d679612cfb2821",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
-  "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included",
+  "_where": "/jenkins/workspace/ation_hotfix_17.2.0.34_Vol2-DDPJ6C2YEWTWLLKKNA7AG2JBE6DYTCTNGMHGORWGAYAVCL6L7OLQ/packages/included",
   "author": {
@@ -42,6 +42,6 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.2.46",
-    "@syncfusion/ej2-navigations": "~17.2.46",
-    "@syncfusion/ej2-popups": "~17.2.46",
-    "@syncfusion/ej2-splitbuttons": "~17.2.46"
+    "@syncfusion/ej2-base": "~17.2.47",
+    "@syncfusion/ej2-navigations": "~17.2.47",
+    "@syncfusion/ej2-popups": "~17.2.47",
+    "@syncfusion/ej2-splitbuttons": "~17.2.47"
   },
@@ -71,4 +71,5 @@ "deprecated": false,
   },
-  "version": "17.2.46",
+  "typings": "index.d.ts",
+  "version": "17.2.47",
   "sideEffects": false
 }

src/editor-manager/plugin/dom-node.js

@@ -326,2 +326,8 @@ import * as CONSTANT from './../base/constant';
         else {
+            if (start.tagName === 'IMG') {
+                var parNode = document.createElement('p');
+                start.parentElement.insertBefore(parNode, start);
+                parNode.appendChild(start);
+                start = parNode.children[0];
+            }
             for (var i = 0; i < selfClosingTags.length; i++) {
@@ -437,5 +443,9 @@ start = start.tagName === selfClosingTags[i] ? start.parentNode : start;
                     }
+                    if (node.nodeName === 'IMG' && node.parentElement.contentEditable === 'true') {
+                        collectionNodes.push(node);
+                    }
                 }
                 parentNode = this.blockParentNode(endNode);
-                if (parentNode && this.ignoreTableTag(parentNode) && collectionNodes.indexOf(parentNode) < 0) {
+                if (parentNode && this.ignoreTableTag(parentNode) && collectionNodes.indexOf(parentNode) < 0 &&
+                    parentNode.previousElementSibling.tagName !== 'IMG') {
                     collectionNodes.push(parentNode);
@@ -442,0 +452,0 @@ }

src/editor-manager/plugin/inserthtml.d.ts

@@ -7,3 +7,5 @@ /**
     static Insert(docElement: Document, insertNode: Node | string, editNode?: Element): void;
+    private static findDetachEmptyElem;
+    private static removeEmptyElements;
     private static closestEle;
 }

src/editor-manager/plugin/inserthtml.js

@@ -41,3 +41,4 @@ import { NodeSelection } from './../../selection/index';
             else {
-                var lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1]);
+                var lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1].parentElement);
+                lasNode = isNOU(lasNode) ? preNode : lasNode;
                 nodeSelection.setSelectionText(docElement, preNode, lasNode, 0, (lasNode.nodeType === 3) ?
@@ -48,2 +49,5 @@ lasNode.textContent.length : lasNode.childNodes.length);
             range.extractContents();
+            if (insertNode.tagName === 'TABLE') {
+                this.removeEmptyElements(editNode);
+            }
             for (var index = 0; index < nodes.length; index++) {
@@ -71,3 +75,3 @@ if (nodes[index].nodeType !== 3 && nodes[index].parentNode != null) {
                 }
-                if (parentNode.firstChild) {
+                if (parentNode.firstChild && parentNode.contentEditable !== 'true') {
                     if (parentNode.textContent.trim() === '') {
@@ -113,2 +117,28 @@ InsertMethods.AppendBefore(node, parentNode, false);
     };
+    InsertHtml.findDetachEmptyElem = function (element) {
+        var removableElement;
+        if (!isNOU(element.parentElement)) {
+            if (element.parentElement.textContent.trim() === '' && element.parentElement.contentEditable !== 'true') {
+                removableElement = this.findDetachEmptyElem(element.parentElement);
+            }
+            else {
+                removableElement = element;
+            }
+        }
+        else {
+            removableElement = null;
+        }
+        return removableElement;
+    };
+    InsertHtml.removeEmptyElements = function (element) {
+        var emptyElements = element.querySelectorAll(':empty');
+        for (var i = 0; i < emptyElements.length; i++) {
+            if (emptyElements[i].tagName !== 'IMG' && emptyElements[i].tagName !== 'BR') {
+                var detachableElement = this.findDetachEmptyElem(emptyElements[i]);
+                if (!isNOU(detachableElement)) {
+                    detach(detachableElement);
+                }
+            }
+        }
+    };
     InsertHtml.closestEle = function (element, editNode) {
@@ -115,0 +145,0 @@ var el = element;

src/editor-manager/plugin/lists.js

@@ -143,2 +143,5 @@ import * as CONSTANT from './../base/constant';
                 if (!(e.event.action && e.event.action === 'indent')) {
+                    if (e.event && e.event.shiftKey && e.event.key === 'Tab') {
+                        e.event.action = 'tab';
+                    }
                     this.saveSelection = this.domNode.saveMarker(this.saveSelection, e.event.action);
@@ -315,5 +318,6 @@ this.saveSelection.restore();
                     isReverse = false;
-                    var openTag = '<' + type + this.domNode.attributes(elements[i]) + '>';
+                    var elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
+                    var openTag = '<' + type + '>';
                     var closeTag = '</' + type + '>';
-                    var newTag = 'li class="e-rte-replace-tag"';
+                    var newTag = 'li' + elemAtt;
                     var replaceHTML = (elements[i].tagName.toLowerCase() === CONSTANT.DEFAULT_TAG ? elements[i].innerHTML :
@@ -324,4 +328,2 @@ elements[i].outerHTML);
                     this.domNode.replaceWith(elements[i], collectionString);
-                    var element = this.parent.editableElement.querySelector('.e-rte-replace-tag');
-                    element.removeAttribute('class');
                 }
@@ -473,3 +475,5 @@ }
                 if (CONSTANT.DEFAULT_TAG && 0 === element.querySelectorAll(CONSTANT.BLOCK_TAGS.join(', ')).length) {
-                    var wrapper = '<' + CONSTANT.DEFAULT_TAG + classAttr + ' class="e-rte-wrap-inner"' +
+                    var wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
+                        ' class="' + className + ' e-rte-wrap-inner"';
+                    var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass +
                         this.domNode.attributes(parentNode) + '></' + CONSTANT.DEFAULT_TAG + '>';
@@ -476,0 +480,0 @@ this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));

src/editor-manager/plugin/ms-word-clean-up.js

@@ -165,4 +165,4 @@ import * as EVENTS from '../../common/constant';
                         values[i] = valueSplit.join(';') + ';';
-                        values[i] += styleProperty;
-                        resultElem[j].setAttribute('style', values[i]);
+                        var changedValue = values[i] + styleProperty;
+                        resultElem[j].setAttribute('style', changedValue);
                     }
@@ -405,18 +405,5 @@ else {
     MsWordPaste.prototype.getListContent = function (elem) {
-        if (elem.nodeType === 3 && elem.textContent.trim().length > 0) {
-            if (this.blockNode.indexOf(elem.parentElement.tagName.toLowerCase()) === -1 &&
-                elem.parentElement.tagName !== 'SPAN') {
-                this.listContents.push(elem.parentElement.outerHTML);
-            }
-            else {
-                this.listContents.push(elem.textContent.trim());
-            }
-        }
-        if (elem.firstChild) {
-            elem = elem.firstChild;
-            do {
-                this.getListContent(elem);
-                elem = elem.nextSibling;
-            } while (elem);
-        }
+        this.listContents.push(elem.firstElementChild.textContent.trim());
+        detach(elem.firstElementChild);
+        this.listContents.push(elem.innerHTML);
     };
@@ -423,0 +410,0 @@ return MsWordPaste;

src/editor-manager/plugin/selection-commands.js

@@ -128,3 +128,3 @@ /**
                 if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
-                    liElement.textContent === nodes[index].textContent) {
+                    liElement.textContent.trim() === nodes[index].textContent.trim()) {
                     liElement.style.fontSize = value;
@@ -155,3 +155,3 @@ }
                         if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
-                            liElement.textContent === nodes[index].textContent) {
+                            liElement.textContent.trim() === nodes[index].textContent.trim()) {
                             liElement.style.fontSize = value;
@@ -158,0 +158,0 @@ }

src/markdown-parser/plugin/lists.js

@@ -297,3 +297,4 @@ import * as CONSTANT from './../base/constant';
             }
-            textArea.value = textArea.value.substr(0, parents[0].start) + curTabSpace + prefix + changedList;
+            textArea.value = textArea.value.substr(0, parents[0].start) + curTabSpace +
+                prefix + this.selection.getLine(textArea, parents[0].line) + changedList;
             start = start + prefix.length + tabSpace.length;
@@ -306,3 +307,4 @@ addedLength += prefix.length + tabSpace.length;
             var prefix = this.syntax[this.currentAction];
-            parents[0].text = tabSpace + prefix + parents[0].text;
+            parents[0].text = tabSpace + prefix + parents[0].text +
+                (parents[0].text.trim().length > 0 ? '\n' : '');
             textArea.value = textArea.value.substr(0, parents[0].start) + parents[0].text +
@@ -309,0 +311,0 @@ textArea.value.substr(parents[0].end, textArea.value.length);

src/rich-text-editor/actions/base-quick-toolbar.js

@@ -1,2 +0,2 @@
-import { detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
+import { detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU, isBlazor } from '@syncfusion/ej2-base';
 import { addClass, removeClass, Browser, isNullOrUndefined, setStyleAttribute } from '@syncfusion/ej2-base';
@@ -144,3 +144,3 @@ import { isCollide } from '@syncfusion/ej2-popups';
                     else {
-                        x = e.x - (e.popWidth + e.parentData.left);
+                        x = e.x - e.popWidth;
                     }
@@ -164,3 +164,4 @@ break;
         var _this = this;
-        var eventArgs = { popup: this.popupObj, cancel: false, targetElement: target };
+        var eventArgs = isBlazor() ? { cancel: false, targetElement: target } :
+            { popup: this.popupObj, cancel: false, targetElement: target };
         this.parent.trigger(events.beforeQuickToolbarOpen, eventArgs, function (beforeQuickToolbarArgs) {
@@ -278,3 +279,4 @@ if (!beforeQuickToolbarArgs.cancel) {
             detach(element);
-            this.parent.trigger(events.quickToolbarClose, this.popupObj);
+            var args = isBlazor() ? null : this.popupObj;
+            this.parent.trigger(events.quickToolbarClose, args);
         }
@@ -281,0 +283,0 @@ };

src/rich-text-editor/actions/html-editor.js

@@ -90,4 +90,4 @@ import * as events from '../base/constant';
             var parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
-            if (!((parentNode[0].nodeName === 'LI' || parentNode[0].nodeName === 'BR' || closest(parentNode[0], 'li')) &&
-                range.startOffset === 0)) {
+            if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
+                closest(parentNode[0], 'table')) && range.startOffset === 0)) {
                 e.args.preventDefault();
@@ -94,0 +94,0 @@ if (!e.args.shiftKey) {

src/rich-text-editor/actions/paste-clean-up.js

 import * as events from '../base/constant';
 import { RadioButton } from '@syncfusion/ej2-buttons';
-import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, isBlazor, extend } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
@@ -199,3 +199,4 @@ import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
                             dialog.hide();
-                            _this.dialogRenderObj.close(dialog);
+                            var argument = isBlazor() ? null : dialog;
+                            _this.dialogRenderObj.close(argument);
                             dialog.destroy();
@@ -214,3 +215,4 @@ }
                             dialog.hide();
-                            _this.dialogRenderObj.close(dialog);
+                            var args_1 = isBlazor() ? null : dialog;
+                            _this.dialogRenderObj.close(args_1);
                             dialog.destroy();
@@ -467,9 +469,5 @@ }
             var styleValue = styleElement[i].getAttribute('style').split(';');
-            for (var k = 0; k < allowedStyleProps.length; k++) {
-                for (var j = 0; j < styleValue.length; j++) {
-                    if (!styleElement[i].getAttribute('style').split(';')[j]
-                        .trim().indexOf(allowedStyleProps[k] + ':')) {
-                        allowedStyleValueArray.push(styleElement[i].getAttribute('style').split(';')[j]);
-                        k++;
-                    }
+            for (var k = 0; k < styleValue.length; k++) {
+                if (allowedStyleProps.indexOf(styleValue[k].split(':')[0].trim()) >= 0) {
+                    allowedStyleValueArray.push(styleValue[k]);
                 }
@@ -476,0 +474,0 @@ }

src/rich-text-editor/actions/toolbar.d.ts

@@ -66,2 +66,3 @@ import { Toolbar as tool } from '@syncfusion/ej2-navigations';
     private scrollHandler;
+    private getDOMVisibility;
     private mouseDownHandler;
@@ -68,0 +69,0 @@ private focusChangeHandler;

src/rich-text-editor/actions/toolbar.js

@@ -390,3 +390,3 @@ import { addClass, Browser, EventHandler, detach, removeClass, select, selectAll, KeyboardEvents } from '@syncfusion/ej2-base';
         if (!this.parent.inlineMode.enable) {
-            if (this.parent.toolbarSettings.enableFloating) {
+            if (this.parent.toolbarSettings.enableFloating && this.getDOMVisibility(this.tbElement)) {
                 this.toggleFloatClass(e.args);
@@ -396,2 +396,8 @@ }
     };
+    Toolbar.prototype.getDOMVisibility = function (el) {
+        if (!el.offsetParent && el.offsetWidth === 0 && el.offsetHeight === 0) {
+            return false;
+        }
+        return true;
+    };
     Toolbar.prototype.mouseDownHandler = function () {
@@ -398,0 +404,0 @@ if (Browser.isDevice && this.parent.inlineMode.enable && !isIDevice()) {

src/rich-text-editor/base/interface.d.ts

@@ -387,3 +387,5 @@ import { Component, Observer, L10n, KeyboardEventArgs } from '@syncfusion/ej2-base';
     editorMode?: string;
-    /** Defines the selected elements. */
+    /** Defines the selected elements.
+     * @deprecated
+     */
     elements?: Node[];
@@ -463,3 +465,3 @@ /** Defines the event item. */
      */
-    popup: Popup;
+    popup?: Popup;
     /** Determine whether the quick toolbar is open */
@@ -466,0 +468,0 @@ cancel: boolean;

src/rich-text-editor/formatter/formatter.js

@@ -1,2 +0,2 @@
-import { extend, isNullOrUndefined, Browser } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined, Browser, isBlazor } from '@syncfusion/ej2-base';
 import * as CONSTANT from '../base/constant';
@@ -55,2 +55,6 @@ import { updateUndoRedoStatus, isIDevice } from '../base/util';
                 extend(args, args, items, true);
+                if (isBlazor()) {
+                    delete args.item;
+                    delete args.itemCollection;
+                }
                 self.trigger(CONSTANT.actionBegin, args, function (actionBeginArgs) {
@@ -121,3 +125,7 @@ if (actionBeginArgs.cancel) {
         }
+        if (isBlazor()) {
+            delete events.elements;
+        }
         self.trigger(CONSTANT.actionComplete, events, function (callbackArgs) {
+            self.setPlaceHolder();
             if (callbackArgs.requestType === 'Images' || callbackArgs.requestType === 'Links' && self.editorMode === 'HTML') {
@@ -124,0 +132,0 @@ var args = callbackArgs;

src/rich-text-editor/renderer/link-module.js

@@ -1,2 +0,2 @@
-import { EventHandler, detach, isNullOrUndefined, select } from '@syncfusion/ej2-base';
+import { EventHandler, detach, isNullOrUndefined, select, isBlazor } from '@syncfusion/ej2-base';
 import { closest, addClass, removeClass, Browser } from '@syncfusion/ej2-base';
@@ -70,34 +70,39 @@ import * as events from '../base/constant';
     Link.prototype.showLinkQuickToolbar = function (e) {
-        var pageX;
-        var pageY;
-        if (e.type !== 'Links' || isNullOrUndefined(this.parent.quickToolbarModule) ||
-            isNullOrUndefined(this.parent.quickToolbarModule.linkQTBar)) {
-            return;
-        }
-        this.quickToolObj = this.parent.quickToolbarModule;
-        var parentTop = this.parent.element.getBoundingClientRect().top;
-        var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-        var target;
-        [].forEach.call(e.elements, function (element, index) {
-            if (index === 0) {
-                target = ((element.nodeName === '#text') ? (element.parentNode) : element);
+        if (e.args.action !== 'enter' && e.args.action !== 'space') {
+            var pageX = void 0;
+            var pageY = void 0;
+            if (e.type !== 'Links' || isNullOrUndefined(this.parent.quickToolbarModule) ||
+                isNullOrUndefined(this.parent.quickToolbarModule.linkQTBar)) {
+                return;
             }
-        });
-        if (e.isNotify) {
-            pageX = target.getBoundingClientRect().left;
-            var tbElement = this.parent.toolbarModule.getToolbarElement();
-            var linkTop = target.getBoundingClientRect().top;
-            var linkPos = linkTop - parentTop;
-            var tbHeight = (tbElement) ? (tbElement.offsetHeight + this.parent.toolbarModule.getExpandTBarPopHeight()) : 0;
-            pageY = window.pageYOffset + ((this.parent.iframeSettings.enable) ? (parentTop + tbHeight + linkTop) : (parentTop + linkPos));
+            this.quickToolObj = this.parent.quickToolbarModule;
+            var parentTop = this.parent.element.getBoundingClientRect().top;
+            var parentLeft = this.parent.element.getBoundingClientRect().left;
+            var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
+            var target_1;
+            [].forEach.call(e.elements, function (element, index) {
+                if (index === 0) {
+                    target_1 = ((element.nodeName === '#text') ? (element.parentNode) : element);
+                }
+            });
+            if (e.isNotify) {
+                var tbElement = this.parent.toolbarModule.getToolbarElement();
+                var linkTop = target_1.getBoundingClientRect().top;
+                var linkLeft = target_1.getBoundingClientRect().left;
+                var linkPos = linkTop - parentTop;
+                var tbHeight = (tbElement) ? (tbElement.offsetHeight + this.parent.toolbarModule.getExpandTBarPopHeight()) : 0;
+                pageX = (this.parent.iframeSettings.enable) ? parentLeft + linkLeft : target_1.getBoundingClientRect().left;
+                pageY = window.pageYOffset + ((this.parent.iframeSettings.enable) ?
+                    (parentTop + tbHeight + linkTop) : (parentTop + linkPos));
+            }
+            else {
+                var args = void 0;
+                args = e.args.touches ? e.args.changedTouches[0] : args = e.args;
+                pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset + parentLeft + args.clientX : args.pageX;
+                pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + parentTop + args.clientY : args.pageY;
+            }
+            if (this.quickToolObj.linkQTBar) {
+                this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer);
+            }
         }
-        else {
-            var args = void 0;
-            args = e.args.touches ? e.args.changedTouches[0] : args = e.args;
-            pageX = args.pageX;
-            pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + parentTop + args.clientY : args.pageY;
-        }
-        if (this.quickToolObj.linkQTBar) {
-            this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer);
-        }
     };
@@ -252,3 +257,4 @@ Link.prototype.hideLinkQuickToolbar = function () {
                 detach(_this.dialogObj.element);
-                _this.dialogRenderObj.close(_this.dialogObj);
+                var args = isBlazor() ? null : _this.dialogObj;
+                _this.dialogRenderObj.close(args);
                 _this.dialogObj = null;
@@ -409,4 +415,4 @@ },
             this.parent.getToolbarElement() && !this.parent.getToolbarElement().contains(e.target)) ||
-            (this.parent.getToolbarElement() && this.parent.getToolbarElement().contains(e.target) &&
-                !closest(target, '#' + this.parent.getID() + '_toolbar_CreateLink') &&
+            (((this.parent.getToolbarElement() && this.parent.getToolbarElement().contains(e.target)) ||
+                this.parent.inlineMode.enable) && !closest(target, '#' + this.parent.getID() + '_toolbar_CreateLink') &&
                 !target.querySelector('#' + this.parent.getID() + '_toolbar_CreateLink')))) {
@@ -413,0 +419,0 @@ this.dialogObj.hide({ returnValue: true });

src/rich-text-editor/renderer/popup-renderer.js

 import { Popup } from '@syncfusion/ej2-popups';
 import { CLS_QUICK_POP } from '../base/classes';
 import * as events from '../base/constant';
+import { isBlazor } from '@syncfusion/ej2-base';
 /**
@@ -16,3 +17,4 @@ * `Popup renderer` module is used to render popup in RichTextEditor.
     PopupRenderer.prototype.quickToolbarOpen = function () {
-        this.parent.trigger(events.quickToolbarOpen, this.popupObj);
+        var args = isBlazor() ? null : this.popupObj;
+        this.parent.trigger(events.quickToolbarOpen, args);
     };
@@ -19,0 +21,0 @@ PopupRenderer.prototype.renderPopup = function (args) {

src/rich-text-editor/renderer/table-module.js

@@ -1,2 +0,2 @@
-import { detach, closest, Browser, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
+import { detach, closest, Browser, isNullOrUndefined as isNOU, isBlazor } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, EventHandler, addClass, removeClass } from '@syncfusion/ej2-base';
@@ -571,3 +571,3 @@ import { Popup } from '@syncfusion/ej2-popups';
             else {
-                var args = { event: e, requestType: 'Table' };
+                var args = isBlazor() ? { requestType: 'Table' } : { event: e, requestType: 'Table' };
                 this.parent.trigger(events.resizeStart, args, function (resizeStartArgs) {
@@ -638,3 +638,3 @@ if (resizeStartArgs.cancel) {
         this.pageY = pageY;
-        var args = { event: e, requestType: 'table' };
+        var args = isBlazor() ? { requestType: 'table' } : { event: e, requestType: 'table' };
         this.parent.trigger(events.onResize, args, function (resizingArgs) {
@@ -720,3 +720,3 @@ if (resizingArgs.cancel) {
         }
-        var args = { event: e, requestType: 'table' };
+        var args = isBlazor() ? { requestType: 'table' } : { event: e, requestType: 'table' };
         this.parent.trigger(events.resizeStop, args);
@@ -977,3 +977,3 @@ this.parent.formatter.saveData();
                 detach(_this.editdlgObj.element);
-                _this.dialogRenderObj.close(_this.editdlgObj);
+                _this.dialogRenderObj.close(event);
                 _this.editdlgObj = null;
@@ -980,0 +980,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11394409

increased by0.31%

Lines of code

99880

increased by0.18%

Dependency changes

• Updated@syncfusion/ej2-base@~17.2.47

• Updated@syncfusion/ej2-navigations@~17.2.47

• Updated@syncfusion/ej2-popups@~17.2.47

• Updated@syncfusion/ej2-splitbuttons@~17.2.47