From d555f18c6fadd4676d70ddd44f0bf63f2a8e8228 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9gis=20Hanol?= <regis@hanol.fr>
Date: Fri, 5 Jul 2024 00:07:28 +0200
Subject: [PATCH] FIX: don't reset open state on details tag when morphing
 (#702)

---
 .../javascripts/discourse/lib/ai-streamer.js   | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/assets/javascripts/discourse/lib/ai-streamer.js b/assets/javascripts/discourse/lib/ai-streamer.js
index 0a6c1958..d6d06af6 100644
--- a/assets/javascripts/discourse/lib/ai-streamer.js
+++ b/assets/javascripts/discourse/lib/ai-streamer.js
@@ -67,6 +67,12 @@ class StreamUpdater {
 }
 
 class PostUpdater extends StreamUpdater {
+  morphingOptions = {
+    beforeAttributeUpdated: (element, attributeName) => {
+      return !(element.tagName === "DETAILS" && attributeName === "open");
+    },
+  };
+
   constructor(postStream, postId) {
     super();
     this.postStream = postStream;
@@ -116,13 +122,11 @@ class PostUpdater extends StreamUpdater {
   async setCooked(value) {
     this.post.set("cooked", value);
 
-    const oldElement = this.postElement.querySelector(".cooked");
-
-    // TODO: use `morphInner` once version morphlex 0.0.16 is out
-    const newElement = oldElement.cloneNode(false);
-    newElement.innerHTML = value;
-
-    (await loadMorphlex()).morph(oldElement, newElement);
+    (await loadMorphlex()).morphInner(
+      this.postElement.querySelector(".cooked"),
+      `<div>${value}</div>`,
+      this.morphingOptions
+    );
   }
 
   get raw() {