@orangelogic/design-system 2.156.0 → 2.157.0

package/library/components/types.js

@@ -37473,7 +37473,7 @@ let or = class extends di {
     ), this.fetchItems = this.fetchItems.bind(this), this.handleMentionKeyDown = this.handleMentionKeyDown.bind(this), this.handleMentionStart = this.handleMentionStart.bind(this), this.handleMentionUpdate = this.handleMentionUpdate.bind(this), this.handleOutsideClick = this.handleOutsideClick.bind(this), this.toggleFullscreen = this.toggleFullscreen.bind(this), this.resetMention = this.resetMention.bind(this);
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick), this.hasUpdated && (!this.editor || this.editor.isDestroyed) && this.runFirstUpdated();
+    super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.debouncedFetch.cancel(), this.caretAnimationId && (cancelAnimationFrame(this.caretAnimationId), this.caretAnimationId = void 0), this.editor?.destroy();
@@ -37646,9 +37646,22 @@ let or = class extends di {
       }
     });
   }
+  /**
+   * First init must happen here: on Cortex ajax refresh the element renders while
+   * detached, so the editor DOM has to exist before insertion or the first paint
+   * collapses to zero height (buttons below overlap the comment box).
+   */
   runFirstUpdated() {
     this.initEditor(), FQ() && (this.contentEditable = "true"), t8(this.dialog, "dialog.show", null), t8(this.dialog, "dialog.overlay.show", null);
   }
+  /**
+   * Re-init on every (re)connect: `disconnectedCallback` destroys the editor, and on
+   * Cortex ajax refresh props like `content` are applied after `runFirstUpdated`
+   * (see docs/cortex-render-order.md) — re-initializing here picks up the latest values.
+   */
+  connectedUpdatedCallback() {
+    this.initEditor();
+  }
   handleCommentMousedown(i) {
     i.stopPropagation();
   }

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.156.0",
+  "version": "2.157.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/organisms/src/comment/comment.d.ts

@@ -93,7 +93,18 @@ export default class CxComment extends CortexElement {
     private handleMentionUpdate;
     private handleMentionKeyDown;
     private initEditor;
+    /**
+     * First init must happen here: on Cortex ajax refresh the element renders while
+     * detached, so the editor DOM has to exist before insertion or the first paint
+     * collapses to zero height (buttons below overlap the comment box).
+     */
     runFirstUpdated(): void;
+    /**
+     * Re-init on every (re)connect: `disconnectedCallback` destroys the editor, and on
+     * Cortex ajax refresh props like `content` are applied after `runFirstUpdated`
+     * (see docs/cortex-render-order.md) — re-initializing here picks up the latest values.
+     */
+    connectedUpdatedCallback(): void;
     private handleCommentMousedown;
     handleEditableChange(): void;
     handlePlaceholderChange(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.156.0",
+  "version": "2.157.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {