[Glitch] Fix nodes order being sometimes mangled when rewriting emoji

backport ccbca50a25 by Claire

app/javascript/flavours/glitch/features/emoji/emoji.js

@@ -19,10 +19,13 @@ const emojiFilename = (filename) => {
   return borderedEmoji.includes(filename) ? (filename + '_border') : filename;
 };
 
+const domParser = new DOMParser();
+
 const emojifyTextNode = (node, customEmojis) => {
-  const parentElement = node.parentElement;
   let str = node.textContent;
 
+  const fragment = new DocumentFragment();
+
   for (;;) {
     let match, i = 0;
 
@@ -64,12 +67,16 @@ const emojifyTextNode = (node, customEmojis) => {
       }
     }
 
-    node.textContent = str.slice(0, i);
+    fragment.append(document.createTextNode(str.slice(0, i)));
-    parentElement.insertAdjacentHTML('beforeend', replacement);
+    if (replacement) {
-    str = str.slice(rend);
+      fragment.append(domParser.parseFromString(replacement, 'text/html').documentElement.getElementsByTagName('img')[0]);
-    node = document.createTextNode(str);
-    parentElement.append(node);
     }
+    node.textContent = str.slice(0, i);
+    str = str.slice(rend);
+  }
+
+  fragment.append(document.createTextNode(str));
+  node.parentElement.replaceChild(fragment, node);
 };
 
 const emojifyNode = (node, customEmojis) => {

lib/mastodon/version.rb

@@ -25,7 +25,7 @@ module Mastodon
     end
 
     def suffix_version
-      '+1.0.0'
+      '+1.0.1'
     end
 
     def to_a