jodit 4.12.21 → 4.12.23

package/es5/plugins/debug/debug.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.fat.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.21
+ * Version: v4.12.23
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/core/component/view-component.js

@@ -22,6 +22,14 @@ export class ViewComponent extends Component {
      */
     setParentView(jodit) {
         this.jodit = jodit;
+        // Inherit the owner window from the parent view — for an editor
+        // created with a custom `ownerWindow` (e.g. inside an iframe) the
+        // component default (the global `window`) is wrong: outside-click
+        // handlers of dropdowns/popups listened to the wrong window. See
+        // https://github.com/xdan/jodit/issues/965
+        if (jodit.ow) {
+            this.ownerWindow = jodit.ow;
+        }
         jodit.components.add(this);
         return this;
     }

package/esm/core/constants.js

@@ -3,7 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
-export const APP_VERSION = "4.12.21";
+export const APP_VERSION = "4.12.23";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/dom/dom.js

@@ -283,12 +283,12 @@ export class Dom {
      * 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
@@ -309,8 +309,10 @@ export class Dom {
         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

package/esm/core/helpers/checker/is-html-from-word.d.ts

@@ -7,6 +7,6 @@
  * @module helpers/checker
  */
 /**
- * Detect if string is HTML from MS Word or Excel
+ * Detect if string is HTML from MS Word, Excel or LibreOffice/OpenOffice
  */
 export declare function isHtmlFromWord(data: string): boolean;

package/esm/core/helpers/checker/is-html-from-word.js

@@ -7,10 +7,21 @@
  * @module helpers/checker
  */
 /**
- * Detect if string is HTML from MS Word or Excel
+ * Detect if string is HTML from MS Word, Excel or LibreOffice/OpenOffice
  */
 export function isHtmlFromWord(data) {
     return (data.search(/<meta.*?Microsoft Excel\s[\d].*?>/) !== -1 ||
         data.search(/<meta.*?Microsoft Word\s[\d].*?>/) !== -1 ||
+        // `<meta name=ProgId content=Word.Document>` — attribute values are
+        // unquoted in the raw Word clipboard fragment
+        data.search(/<meta[^>]*?ProgId[^>]*?(Word|Excel)\./i) !== -1 ||
+        // LibreOffice/OpenOffice Writer & Calc
+        data.search(/<meta[^>]*?(LibreOffice|OpenOffice)/i) !== -1 ||
+        // Office namespaces on the root element of the clipboard fragment
+        data.search(/urn:schemas-microsoft-com:office:(word|excel)/) !== -1 ||
+        // `class=MsoNormal` and friends (unquoted/quoted)
+        data.search(/<\w[^>]*\sclass=("|')?Mso/) !== -1 ||
+        // the raw Word clipboard uses SINGLE quotes: style='mso-…'
+        data.search(/style='[^']*mso-/) !== -1 ||
         (data.search(/style="[^"]*mso-/) !== -1 && data.search(/<font/) !== -1));
 }

package/esm/core/selection/style/api/wrap.js

@@ -5,6 +5,7 @@
  */
 import { Dom } from "../../../dom/index.js";
 import { attr } from "../../../helpers/utils/attr.js";
+import { css } from "../../../helpers/utils/css.js";
 import { wrapList } from "./list/wrap-list.js";
 import { wrapUnwrappedText } from "./wrap-unwrapped-text.js";
 /**
@@ -13,9 +14,23 @@ import { wrapUnwrappedText } from "./wrap-unwrapped-text.js";
  */
 export function wrap(commitStyle, font, jodit) {
     const wrapper = findOrCreateWrapper(commitStyle, font, jodit);
-    return commitStyle.elementIsList
-        ? wrapList(commitStyle, wrapper, jodit)
-        : Dom.replace(wrapper, commitStyle.element, jodit.createInside, true);
+    if (commitStyle.elementIsList) {
+        return wrapList(commitStyle, wrapper, jodit);
+    }
+    const newWrapper = Dom.replace(wrapper, commitStyle.element, jodit.createInside, true);
+    if (commitStyle.elementIsBlock) {
+        // Inline font styles left over from pasted content visually override
+        // the new block format — e.g. an h2 with `font-weight: normal;
+        // font-size: 24px` does not look like a heading at all, so the
+        // command seems to do nothing. See
+        // https://github.com/xdan/jodit/issues/1063
+        css(newWrapper, 'fontSize', null);
+        css(newWrapper, 'fontWeight', null);
+        if (!attr(newWrapper, 'style')) {
+            attr(newWrapper, 'style', null);
+        }
+    }
+    return newWrapper;
 }
 const WRAP_NODES = new Set([
     'td',

package/esm/core/ui/popup/popup.js

@@ -137,8 +137,11 @@ export class Popup extends UIGroup {
      * Calculate static bound for point
      */
     getKeepBound(getBound) {
+        var _a;
         const oldBound = getBound();
-        const elmUnderCursor = this.od.elementFromPoint(oldBound.left, oldBound.top);
+        // Inside Shadow DOM `document.elementFromPoint` returns the shadow
+        // host, so the lookup must start from the shadow root
+        const elmUnderCursor = ((_a = this.j.o.shadowRoot) !== null && _a !== void 0 ? _a : this.od).elementFromPoint(oldBound.left, oldBound.top);
         if (!elmUnderCursor) {
             return getBound;
         }

package/esm/jodit.js

@@ -1073,6 +1073,18 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
                 (opt.uploader.url || opt.uploader.insertImageAsBase64URI)) {
                 this.uploader.bind(this.editor);
             }
+            else if (!opt.enableDragAndDropFileToEditor) {
+                // Without a bound uploader nobody cancels a file drop, and
+                // Firefox inserts the dropped image natively — the option
+                // must mean "do nothing". See
+                // https://github.com/xdan/jodit/issues/1077
+                this.e.on(editor, 'drop', (e) => {
+                    var _a, _b;
+                    if ((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) {
+                        e.preventDefault();
+                    }
+                });
+            }
             // in initEditor - the editor could change
             if (!this.__elementToPlace.get(this.editor)) {
                 this.__elementToPlace.set(this.editor, currentPlace);

package/esm/langs/tr.js

@@ -85,7 +85,7 @@ export default {
 	'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?',
+		'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',

package/esm/modules/dialog/dialog.d.ts

@@ -42,6 +42,11 @@ export declare class Dialog extends ViewWithToolbar implements IDialog {
     private __onMouseMove;
     private __onEsc;
     private __onResize;
+    /**
+     * Minimal size the dialog can be resized to — the header and the footer
+     * (with its buttons) must always stay inside the panel
+     */
+    private minSize;
     private __onResizerMouseDown;
     private __addGlobalResizeListeners;
     private __removeGlobalResizeListeners;

package/esm/modules/dialog/dialog.js

@@ -20,7 +20,7 @@ import { autobind, component, hook } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/dom.js";
 import { eventEmitter, pluginSystem } from "../../core/global.js";
 import { asArray, splitArray, toArray } from "../../core/helpers/array/index.js";
-import { hasContainer, isArray, isBoolean, isFunction, isString, isVoid } from "../../core/helpers/checker/index.js";
+import { hasContainer, isArray, isBoolean, isFunction, isNumber, isString, isVoid } from "../../core/helpers/checker/index.js";
 import { $$, attr, ConfigProto, css } from "../../core/helpers/utils/index.js";
 import { assert } from "../../core/helpers/utils/assert.js";
 import { Icon } from "../../core/ui/index.js";
@@ -151,7 +151,7 @@ let Dialog = Dialog_1 = class Dialog extends ViewWithToolbar {
             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
@@ -178,11 +178,29 @@ let Dialog = Dialog_1 = class Dialog extends ViewWithToolbar {
         }
     }
     __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 = 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 = 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) {
@@ -494,6 +512,11 @@ let Dialog = Dialog_1 = class Dialog extends ViewWithToolbar {
                 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

package/esm/modules/toolbar/button/content.d.ts

@@ -15,6 +15,12 @@ export declare class ToolbarContent<T extends IViewBased = IViewBased> extends U
     className(): string;
     /** @override */
     update(): void;
+    /**
+     * The content is arbitrary HTML — propagate the disabled state to the
+     * nested form controls (e.g. the file input of the Upload button),
+     * otherwise they stay interactive.
+     */
+    protected onChangeDisabled(): void;
     /** @override */
     protected createContainer(): HTMLElement;
     constructor(jodit: T, control: IControlTypeContent, target?: Nullable<HTMLElement>);

package/esm/modules/toolbar/button/content.js

@@ -24,13 +24,38 @@ let ToolbarContent = class ToolbarContent extends UIButton {
     }
     /** @override */
     update() {
-        const content = this.control.getContent(this.j, this);
+        var _a, _b, _c;
+        const { control } = this;
+        const content = control.getContent(this.j, this);
         if (isString(content) || content.parentNode !== this.container) {
             Dom.detach(this.container);
             this.container.appendChild(isString(content) ? this.j.create.fromHTML(content) : content);
         }
+        // Content controls never went through the ToolbarButton status
+        // calculation, so `isDisabled`/`isActive`/`update` declared on the
+        // control were silently ignored (e.g. the FileBrowser Upload button
+        // ignored the backend permissions). See
+        // https://github.com/xdan/jodit/issues/1094
+        this.state.disabled = Boolean((_a = control.isDisabled) === null || _a === void 0 ? void 0 : _a.call(control, this.j, this));
+        this.state.activated = Boolean((_b = control.isActive) === null || _b === void 0 ? void 0 : _b.call(control, this.j, this));
+        (_c = control.update) === null || _c === void 0 ? void 0 : _c.call(control, this.j, this);
+        // The first update() runs before the state watchers are attached, so
+        // apply the calculated state explicitly (the calls are idempotent)
+        this.onChangeDisabled();
+        this.onChangeActivated();
         super.update();
     }
+    /**
+     * The content is arbitrary HTML — propagate the disabled state to the
+     * nested form controls (e.g. the file input of the Upload button),
+     * otherwise they stay interactive.
+     */
+    onChangeDisabled() {
+        super.onChangeDisabled();
+        this.container
+            .querySelectorAll('input,button,select,textarea')
+            .forEach(elm => attr(elm, 'disabled', this.state.disabled || null));
+    }
     /** @override */
     createContainer() {
         return this.j.c.span(this.componentName);

package/esm/plugins/add-new-line/add-new-line.js

@@ -151,8 +151,11 @@ export class addNewLine extends Plugin {
         }
     }
     __onMouseMove(e) {
+        var _a;
         const editor = this.j;
-        let currentElement = editor.ed.elementFromPoint(e.clientX, e.clientY);
+        // Inside Shadow DOM `document.elementFromPoint` returns the shadow
+        // host, so the lookup must start from the shadow root
+        let currentElement = ((_a = editor.o.shadowRoot) !== null && _a !== void 0 ? _a : editor.ed).elementFromPoint(e.clientX, e.clientY);
         if (!Dom.isHTMLElement(currentElement) ||
             !Dom.isOrContains(editor.editor, currentElement)) {
             return;

package/esm/plugins/ai-assistant/ai-assistant.js

@@ -40,7 +40,13 @@ export class aiAssistant extends Plugin {
         return new UiAiAssistant(jodit, {
             onInsertAfter(html) {
                 jodit.s.focus();
-                jodit.s.setCursorAfter(jodit.s.current());
+                // `current()` returns a node of the selection START, so with
+                // several selected paragraphs the result landed after the
+                // first one — collapse the range to the END of the selection
+                // instead. See https://github.com/xdan/jodit/issues/1263
+                const range = jodit.s.range;
+                range.collapse(false);
+                jodit.s.selectRange(range);
                 jodit.s.insertHTML(html);
                 __dialog.close();
             },

package/esm/plugins/backspace/cases/check-join-neighbors.js

@@ -32,13 +32,27 @@ export function checkJoinNeighbors(jodit, fakeNode, backspace) {
         }
         if (sibling &&
             (checkMoveListContent(jodit, mainClosestBox, sibling, backspace) ||
-                moveContentAndRemoveEmpty(jodit, mainClosestBox, sibling, backspace))) {
+                moveContentAndRemoveEmpty(jodit, mainClosestBox, resolveTableSibling(sibling, backspace), backspace))) {
             jodit.s.setCursorBefore(fakeNode);
             return true;
         }
     }
     return false;
 }
+/**
+ * Content cannot be merged into the `<table>` element itself — it would land
+ * between the table sections (after `</tbody>`), which is invalid HTML and
+ * gets foster-parented out of the table on the next parse. Merge into the
+ * edge cell instead. See https://github.com/xdan/jodit/issues/1064
+ * @private
+ */
+function resolveTableSibling(sibling, backspace) {
+    if (!Dom.isTag(sibling, 'table')) {
+        return sibling;
+    }
+    const cells = sibling.querySelectorAll('td,th');
+    return cells.length ? cells[backspace ? cells.length - 1 : 0] : null;
+}
 function checkMoveListContent(jodit, mainClosestBox, sibling, backspace) {
     // Process UL/LI/OL cases
     const siblingIsList = Dom.isTag(sibling, LIST_TAGS);

package/esm/plugins/clean-html/clean-html.js

@@ -86,9 +86,15 @@ export class cleanHtml extends Plugin {
     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;
         safeHTML(sandBox, { safeJavaScriptLink: true, removeOnError: true });
         Dom.safeRemove(iframe);

package/esm/plugins/clean-html/helpers/visitor/filters/allow-attributes.js

@@ -8,12 +8,19 @@ import { Dom } from "../../../../../core/dom/dom.js";
  * @private
  */
 export function allowAttributes(jodit, nodeElm, hadEffect, allow) {
-    if (allow && Dom.isElement(nodeElm) && allow[nodeElm.nodeName] !== true) {
+    const allowedForTag = allow && Dom.isElement(nodeElm) && allow[nodeElm.nodeName];
+    if (allow && 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);
                 }

package/esm/plugins/clipboard/clipboard.js

@@ -5,6 +5,7 @@
  */
 import { CLIPBOARD_ID, INSERT_AS_HTML, TEXT_HTML, TEXT_PLAIN } from "../../core/constants.js";
 import { cached } from "../../core/decorators/cache/cache.js";
+import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { getDataTransfer, stripTags } from "../../core/helpers/index.js";
 import "./config.js";
@@ -40,7 +41,7 @@ export class clipboard {
             .off(`copy.${CLIPBOARD_ID} cut.${CLIPBOARD_ID}`)
             .on(`copy.${CLIPBOARD_ID} cut.${CLIPBOARD_ID}`, (event) => {
             var _a;
-            const selectedText = editor.s.html;
+            const selectedText = wrapWithInlineAncestors(editor, editor.s.html);
             const clipboardData = getDataTransfer(event) ||
                 getDataTransfer(editor.ew) ||
                 getDataTransfer(event.originalEvent);
@@ -69,4 +70,31 @@ export class clipboard {
         (_b = editor === null || editor === void 0 ? void 0 : editor.events) === null || _b === void 0 ? void 0 : _b.off('.' + CLIPBOARD_ID);
     }
 }
+/**
+ * `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 (!Dom.isElement(node)) {
+        node = node.parentElement;
+    }
+    let result = html;
+    while (node &&
+        node !== editor.editor &&
+        Dom.isElement(node) &&
+        !Dom.isBlock(node)) {
+        const shell = node.cloneNode(false);
+        shell.innerHTML = result;
+        result = shell.outerHTML;
+        node = node.parentElement;
+    }
+    return result;
+}
 pluginSystem.add('clipboard', clipboard);

package/esm/plugins/color/color.js

@@ -15,28 +15,28 @@ export function color(editor) {
         group: 'color'
     });
     const callback = (command, second, third) => {
+        var _a;
         const colorHEX = normalizeColor(third);
-        switch (command) {
-            case 'background':
-                editor.s.commitStyle({
-                    attributes: {
-                        style: {
-                            backgroundColor: !colorHEX
-                                ? ''
-                                : colorHEX
-                        }
-                    }
-                });
-                break;
-            case 'forecolor':
-                editor.s.commitStyle({
-                    attributes: {
-                        style: {
-                            color: !colorHEX ? '' : colorHEX
-                        }
-                    }
-                });
-                break;
+        const value = !colorHEX ? '' : colorHEX;
+        const style = command === 'background'
+            ? { backgroundColor: value }
+            : { color: value };
+        // Cells selected with the `select-cells` plugin drop or collapse the
+        // native range, so `commitStyle` would paint a pending caret format
+        // outside the table instead of the selection the user sees. Apply the
+        // style to the content of every selected cell instead. See #1250
+        const selectedCells = editor
+            .getInstance('Table', editor.o)
+            .getAllSelectedCells();
+        if (selectedCells.length && editor.s.isCollapsed()) {
+            selectedCells.forEach(cell => {
+                editor.s.select(cell, true);
+                editor.s.commitStyle({ attributes: { style } });
+            });
+            (_a = editor.s.sel) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
+        }
+        else {
+            editor.s.commitStyle({ attributes: { style } });
         }
         editor.synchronizeValues();
         return false;

package/esm/plugins/inline-popup/inline-popup.d.ts

@@ -42,6 +42,21 @@ export declare class inlinePopup extends Plugin {
     private isExcludedTarget;
     /** @override **/
     protected afterInit(jodit: IJodit): void;
+    /**
+     * 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
+     */
+    private __reopenSelectionPopup;
+    private __onDocumentMouseDown;
+    private __onCloseAllPopups;
+    /**
+     * The selection rect comes from the editor document — in iframe mode its
+     * coordinates are iframe-local, while the popup lives in the host
+     * document, so the iframe offset must be added. See
+     * https://github.com/xdan/jodit/issues/1058
+     */
+    private __selectionBound;
     private snapRange;
     private onSelectionStart;
     private onSelectionEnd;