jodit-pro 4.12.24 → 4.12.26

package/es2021/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.24
+ * Version: v4.12.26
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1746,7 +1746,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.12.24";
+ */ const APP_VERSION = "4.12.26";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -3101,12 +3101,12 @@ function wait(condition) {
     /**
      * Check if element is element node
      */ static isElement(node) {
-        var _a;
         if (!Dom.isNode(node)) {
             return false;
         }
-        const win = (_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
-        return Boolean(win && node.nodeType === Node.ELEMENT_NODE);
+        // no `defaultView` requirement — nodes of an inert document
+        // (`DOMParser`, `implementation.createHTMLDocument`) are still elements
+        return node.nodeType === Node.ELEMENT_NODE;
     }
     /**
      * Check if element is document fragment
@@ -3125,8 +3125,10 @@ function wait(condition) {
         if (!Dom.isNode(node)) {
             return false;
         }
+        // an inert document has no browsing context (`defaultView` is null),
+        // but its nodes are same-realm HTMLElements
         const win = (_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
-        return Boolean(win && node instanceof win.HTMLElement);
+        return node instanceof (win ? win.HTMLElement : HTMLElement);
     }
     /**
      * Check element is inline block
@@ -21932,7 +21934,7 @@ function addClassNames(className, elm) {
     Clean: 'Temizle',
     'Insert as Text': 'Yazı olarak ekle',
     'Word Paste Detected': 'Word biçiminde yapıştırma algılandı',
-    'The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?': 'Der Inhalt, den Sie einfügen, stammt aus einem Microsoft Word / Excel-Dokument. Möchten Sie das Format erhalten oder löschen?',
+    'The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?': 'Yapıştırılan içerik bir Microsoft Word/Excel belgesinden geliyor. Formatı korumak mı yoksa temizlemek mi istiyorsunuz?',
     'Insert only Text': 'Sadece yazıyı ekle',
     'File Browser': 'Dosya Listeleyici',
     'Error on load list': 'Liste yüklenirken hata oluştu',
@@ -23210,7 +23212,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
             e.stopImmediatePropagation();
         }
         if (this.resizable && this.o.resizable) {
-            this.setSize(this.startPoint.w + e.clientX - this.startX, this.startPoint.h + e.clientY - this.startY);
+            this.setSize(Math.max(this.startPoint.w + e.clientX - this.startX, this.minSize.w), Math.max(this.startPoint.h + e.clientY - this.startY, this.minSize.h));
             if (this.e) {
                 /**
                  * Fired when dialog box is resized
@@ -23233,11 +23235,20 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
         }
     }
     __onResizerMouseDown(e) {
+        var _a, _b, _c;
         this.resizable = true;
         this.startX = e.clientX;
         this.startY = e.clientY;
         this.startPoint.w = this.dialog.offsetWidth;
         this.startPoint.h = this.dialog.offsetHeight;
+        const header = this.getElm('header');
+        const footer = this.getElm('footer');
+        const content = this.getElm('content');
+        // the content area does not shrink below its CSS `min-height`,
+        // so it is part of the smallest height the panel can take
+        const contentMinHeight = content ? parseFloat(this.ow.getComputedStyle(content).minHeight) || 0 : 0;
+        this.minSize.w = (0,_core_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_6__.isNumber)(this.o.minWidth) ? this.o.minWidth : Math.max(100, (_a = footer === null || footer === void 0 ? void 0 : footer.scrollWidth) !== null && _a !== void 0 ? _a : 0);
+        this.minSize.h = (0,_core_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_6__.isNumber)(this.o.minHeight) ? this.o.minHeight : ((_b = header === null || header === void 0 ? void 0 : header.offsetHeight) !== null && _b !== void 0 ? _b : 0) + ((_c = footer === null || footer === void 0 ? void 0 : footer.offsetHeight) !== null && _c !== void 0 ? _c : 0) + contentMinHeight + this.resizer.offsetHeight;
         this.lockSelect();
         this.__addGlobalResizeListeners();
         if (this.e) {
@@ -23543,6 +23554,13 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                 this.setPosition();
             }
         };
+        /**
+         * Minimal size the dialog can be resized to — the header and the footer
+         * (with its buttons) must always stay inside the panel
+         */ this.minSize = {
+            w: 0,
+            h: 0
+        };
         this.isModal = false;
         /**
          * True, if dialog was opened
@@ -32178,10 +32196,14 @@ _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_4__.Icon.set('class-span', _class_span
      * Event handler when manually assigning a value to the HTML editor.
      */ onBeforeSetNativeEditorValue(data) {
         const [sandBox, iframe] = this.j.o.cleanHTML.useIframeSandbox ? this.j.createInside.sandbox() : [
-            this.j.createInside.div()
+            // an inert document never loads sub-resources, so the
+            // images in the value are not re-requested from the
+            // server on every assignment (e.g. on each change in
+            // jodit-react). See #1237
+            this.j.od.implementation.createHTMLDocument('').body
         ];
         sandBox.innerHTML = data.value;
-        this.onSafeHTML(sandBox);
+        this.j.e.fire('safeHTML', sandBox);
         data.value = sandBox.innerHTML;
         (0,_core_helpers_html_safe_html_js__WEBPACK_IMPORTED_MODULE_4__.safeHTML)(sandBox, {
             safeJavaScriptLink: true,
@@ -32510,12 +32532,19 @@ _core_ui_icon_js__WEBPACK_IMPORTED_MODULE_0__.Icon.set('eraser', _eraser_svg_js_
 /**
  * @private
  */ function allowAttributes(jodit, nodeElm, hadEffect, allow) {
-    if (allow && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement(nodeElm) && allow[nodeElm.nodeName] !== true) {
+    const allowedForTag = allow && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement(nodeElm) && allow[nodeElm.nodeName];
+    if (allow && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isElement(nodeElm) && allowedForTag !== true) {
+        // the tag is not in the allow list at all — attributes do not matter,
+        // the element itself will be removed by the tags filter. Without this
+        // check `allow[nodeName][attr]` threw on e.g. `<meta charset>`. See #1224
+        if (!allowedForTag) {
+            return hadEffect;
+        }
         const attrs = nodeElm.attributes;
         if (attrs && attrs.length) {
             const removeAttrs = [];
             for(let i = 0; i < attrs.length; i += 1){
-                const attr = allow[nodeElm.nodeName][attrs[i].name];
+                const attr = allowedForTag[attrs[i].name];
                 if (!attr || attr !== true && attr !== attrs[i].value) {
                     removeAttrs.push(attrs[i].name);
                 }
@@ -33057,9 +33086,10 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
 /* unused harmony export clipboard */
 /* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
 /* harmony import */ var _core_decorators_cache_cache_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33433);
-/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(580);
-/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21537);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79419);
+/* harmony import */ var _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2748);
+/* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(580);
+/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21537);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(79419);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -33069,6 +33099,7 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
 
 
 
+
 /**
  * Clipboard plugin - cut and copy functionality
  */ class clipboard {
@@ -33077,10 +33108,10 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
         (_a = this.buttons) === null || _a === void 0 ? void 0 : _a.forEach((btn)=>editor.registerButton(btn));
         editor.e.off(`copy.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID} cut.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID}`).on(`copy.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID} cut.${_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID}`, (event)=>{
             var _a;
-            const selectedText = editor.s.html;
-            const clipboardData = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getDataTransfer)(event) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getDataTransfer)(editor.ew) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.getDataTransfer)(event.originalEvent);
+            const selectedText = wrapWithInlineAncestors(editor, editor.s.html);
+            const clipboardData = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.getDataTransfer)(event) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.getDataTransfer)(editor.ew) || (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.getDataTransfer)(event.originalEvent);
             if (clipboardData) {
-                clipboardData.setData(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.stripTags)(selectedText));
+                clipboardData.setData(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN, (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.stripTags)(selectedText));
                 clipboardData.setData(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_HTML, selectedText);
             }
             editor.buffer.set(_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.CLIPBOARD_ID, selectedText);
@@ -33122,7 +33153,30 @@ const keys = Object.keys(_filters_index_js__WEBPACK_IMPORTED_MODULE_1__);
         ];
     }
 }
-_core_global_js__WEBPACK_IMPORTED_MODULE_2__.pluginSystem.add('clipboard', clipboard);
+/**
+ * `Selection.html` clones only the range contents — when the selection sits
+ * entirely inside the text of a formatted element (`<strong>te|st|</strong>`),
+ * the clone is bare text and the formatting would be lost on paste. Native
+ * browser copy keeps that context, so the interception must restore it: wrap
+ * the fragment in shallow clones of the inline ancestors of the range. See #1202
+ */ function wrapWithInlineAncestors(editor, html) {
+    if (!html || editor.s.isCollapsed()) {
+        return html;
+    }
+    let node = editor.s.range.commonAncestorContainer;
+    if (!_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isElement(node)) {
+        node = node.parentElement;
+    }
+    let result = html;
+    while(node && node !== editor.editor && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isElement(node) && !_core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isBlock(node)){
+        const shell = node.cloneNode(false);
+        shell.innerHTML = result;
+        result = shell.outerHTML;
+        node = node.parentElement;
+    }
+    return result;
+}
+_core_global_js__WEBPACK_IMPORTED_MODULE_3__.pluginSystem.add('clipboard', clipboard);
 
 
 /***/ }),
@@ -38891,9 +38945,34 @@ const align = {
         }).on([
             this.j.ew,
             this.j.ow
-        ], 'mouseup keyup', this.onSelectionEnd);
+        ], 'mouseup keyup', this.onSelectionEnd).on([
+            this.j.ew,
+            this.j.ow
+        ], 'mousedown touchstart', this.__onDocumentMouseDown).on('closeAllPopups', this.__onCloseAllPopups);
         this.addListenersForElements();
     }
+    __onDocumentMouseDown(e) {
+        if (this.popup.isOpened && this.type === 'selection' && e.target && _core_ui_index_js__WEBPACK_IMPORTED_MODULE_5__.UIElement.closestElement(e.target, _core_ui_popup_index_js__WEBPACK_IMPORTED_MODULE_6__.Popup)) {
+            this.__reopenSelectionPopup = true;
+        }
+    }
+    __onCloseAllPopups() {
+        if (!this.__reopenSelectionPopup) {
+            return;
+        }
+        this.__reopenSelectionPopup = false;
+        if (!this.j.o.toolbarInlineForSelection) {
+            return;
+        }
+        // a zero timeout would run synchronously — before the popup's own
+        // `closeAllPopups` handler closes it; defer to the next macrotask
+        this.j.async.setTimeout(()=>{
+            const sel = this.j.s.sel;
+            if (sel && !sel.isCollapsed) {
+                this.showPopup(()=>this.j.s.range.getBoundingClientRect(), 'selection');
+            }
+        }, 1);
+    }
     onSelectionStart() {
         this.snapRange = this.j.s.range.cloneRange();
     }
@@ -38942,7 +39021,10 @@ const align = {
         jodit.e.off('showPopup').off([
             this.j.ew,
             this.j.ow
-        ], 'mouseup keyup', this.onSelectionEnd);
+        ], 'mouseup keyup', this.onSelectionEnd).off([
+            this.j.ew,
+            this.j.ow
+        ], 'mousedown touchstart', this.__onDocumentMouseDown).off('closeAllPopups', this.__onCloseAllPopups);
         this.removeListenersForElements();
     }
     _eventsList() {
@@ -38969,6 +39051,11 @@ const align = {
     constructor(){
         super(...arguments);
         this.type = null;
+        /**
+         * The user pressed a button inside the selection toolbar — after the
+         * command fires `closeAllPopups`, the toolbar should be shown again
+         * while the selection is still there. See #1238
+         */ this.__reopenSelectionPopup = false;
         this.snapRange = null;
         this.elmsList = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.keys)(this.j.o.popup, false).filter((s)=>!this.isExcludedTarget(s));
     }
@@ -38999,6 +39086,12 @@ __decorate([
 __decorate([
     (0,_core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.watch)(':outsideClick')
 ], inlinePopup.prototype, "onOutsideClick", null);
+__decorate([
+    _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.autobind
+], inlinePopup.prototype, "__onDocumentMouseDown", null);
+__decorate([
+    _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.autobind
+], inlinePopup.prototype, "__onCloseAllPopups", null);
 __decorate([
     _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__.autobind
 ], inlinePopup.prototype, "onSelectionStart", null);
@@ -39284,7 +39377,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.limitHTML = false;
             jodit.e.fire('denyWords.limit limit.limit');
             return true;
         }
-        const should = Boolean(limitChars && isGt(words.join('').length, limitChars, strict));
+        // with `countTextSpaces` enabled the limiter counts characters the
+        // same way as the `stat` plugin's counter — including spaces. See #1144
+        const charsCount = jodit.o.countTextSpaces ? text.replace((0,_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP)(), '').replace(/[\r\n]/g, '').length : words.join('').length;
+        const should = Boolean(limitChars && isGt(charsCount, limitChars, strict));
         if (should) {
             jodit.e.fire('denyChars.limit limit.limit');
         }
@@ -41423,9 +41519,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
  */ class paste extends _core_plugin_plugin_js__WEBPACK_IMPORTED_MODULE_5__.Plugin {
     /** @override **/ afterInit(jodit) {
         jodit.e.on('paste.paste', this.onPaste).on('pasteStack.paste', (item)=>this.pasteStack.push(item));
-        if (jodit.o.nl2brInPlainText) {
-            this.j.e.on('processPaste.paste', this.onProcessPasteReplaceNl2Br);
-        }
+        this.j.e.on('processPaste.paste', this.onProcessPasteReplaceNl2Br);
     }
     /** @override **/ beforeDestruct(jodit) {
         jodit.e.off('paste.paste', this.onPaste).off('processPaste.paste', this.onProcessPasteReplaceNl2Br).off('.paste');
@@ -41545,10 +41639,14 @@ _config_js__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.paste = {
         (0,_helpers_js__WEBPACK_IMPORTED_MODULE_7__.pasteInsertHtml)(e, this.j, html);
     }
     /**
-     * Replace all \\n chars in plain text to br
+     * Escape plain text and replace all \\n chars with br
      */ onProcessPasteReplaceNl2Br(ignore, text, type) {
         if (type === _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.TEXT_PLAIN + ';' && !(0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.isHTML)(text)) {
-            return (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.nl2br)(text);
+            // the clipboard contains only plain text — escape special chars
+            // so a stray `<` is not parsed as an unclosed tag and does not
+            // swallow the rest of the string. See #1227
+            const escaped = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.htmlspecialchars)(text);
+            return this.j.o.nl2brInPlainText ? (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.nl2br)(escaped) : escaped;
         }
     }
     constructor(){
@@ -42412,9 +42510,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.allowResizeY = true;
 /* harmony import */ var _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(65478);
 /* harmony import */ var _core_dom_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22732);
 /* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(580);
-/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50911);
-/* harmony import */ var _core_ui_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67510);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68252);
+/* harmony import */ var _core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21537);
+/* harmony import */ var _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50911);
+/* harmony import */ var _core_ui_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67510);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68252);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -42431,7 +42530,8 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.allowResizeY = true;
 
 
 
-class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__.Plugin {
+
+class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_4__.Plugin {
     /** @override **/ afterInit(editor) {
         const { height, width, allowResizeX } = editor.o;
         let { allowResizeY } = editor.o;
@@ -42465,11 +42565,21 @@ class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__.P
         if (!this.isResized) {
             return;
         }
+        let { clientX, clientY } = e;
+        if (e.view === this.j.ew && this.j.ew !== this.j.ow) {
+            // the event was proxied from the editor's iframe — its client
+            // coordinates are relative to the iframe viewport, while the
+            // start point was captured on the host-document handle;
+            // shift them into the host coordinate space
+            const workplacePosition = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_3__.offset)(this.j.workplace, this.j, this.j.od, true);
+            clientX += workplacePosition.left;
+            clientY += workplacePosition.top;
+        }
         if (this.j.o.allowResizeY) {
-            this.j.e.fire('setHeight', this.start.h + e.clientY - this.start.y);
+            this.j.e.fire('setHeight', this.start.h + clientY - this.start.y);
         }
         if (this.j.o.allowResizeX) {
-            this.j.e.fire('setWidth', this.start.w + e.clientX - this.start.x);
+            this.j.e.fire('setWidth', this.start.w + clientX - this.start.x);
         }
         this.j.e.fire('resize');
     }
@@ -42501,7 +42611,7 @@ class resizeHandler extends _core_plugin_index_js__WEBPACK_IMPORTED_MODULE_3__.P
         };
         /**
          * Resize handle
-         */ this.handle = this.j.c.div('jodit-editor__resize', _core_ui_index_js__WEBPACK_IMPORTED_MODULE_4__.Icon.get('resize_handler'));
+         */ this.handle = this.j.c.div('jodit-editor__resize', _core_ui_index_js__WEBPACK_IMPORTED_MODULE_5__.Icon.get('resize_handler'));
     }
 }
 /** @override **/ resizeHandler.requires = [
@@ -42679,7 +42789,11 @@ const keyBInd = '__jodit-resizer_binded';
             this.pointerX = e.clientX;
             this.pointerY = e.clientY;
             let diff_x, diff_y;
-            if (this.j.options.iframe) {
+            if (this.j.options.iframe && e.view === this.j.ew) {
+                // the event was proxied from the editor's iframe — its client
+                // coordinates are relative to the iframe viewport, while
+                // `startX/startY` were captured on a host-document handle;
+                // shift them into the host coordinate space
                 const workplacePosition = this.getWorkplacePosition();
                 diff_x = e.clientX + workplacePosition.left - this.startX;
                 diff_y = e.clientY + workplacePosition.top - this.startY;
@@ -45293,6 +45407,13 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
     }
     setFocusToMirror() {
         var _a;
+        const active = this.j.od.activeElement;
+        // do not steal focus from another editor or control — e.g. when the
+        // mode is switched programmatically (a Vue/React wrapper re-render)
+        // while the user is already typing elsewhere. See #1356
+        if (active && active !== this.j.od.body && !this.j.container.contains(active)) {
+            return;
+        }
         (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.focus();
     }
     saveSelection() {