🐛 Fix: fix typeit shotrcode miss space when build with --minify param

hugo-fixit · Apr 20, 2024 · bae1678 · bae1678
1 parent 72bd72f
commit bae1678
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/assets/js/theme.js b/assets/js/theme.js
@@ -682,17 +682,18 @@ class FixIt {
           const singleLoop = typeitElement.dataset.loop;
           // get the content of the typed element
           stagingElement.innerHTML = '';
-          stagingElement.appendChild(typeitElement.querySelector('template').content);
+          stagingElement.appendChild(typeitElement.querySelector('template').content.cloneNode(true));
           // for shortcodes usage
           let targetEle = typeitElement.firstElementChild
           // for system elements usage
           if (typeitElement.firstElementChild.tagName === 'TEMPLATE') {
             typeitElement.innerHTML = '';
             targetEle = typeitElement
           }
+          const typedContents = stagingElement.querySelector('pre')?.innerHTML || stagingElement.innerHTML
           // create a new instance of TypeIt for each element
           const instance = new TypeIt(targetEle, {
-            strings: stagingElement.innerHTML,
+            strings: typedContents,
             speed: speed,
             lifeLike: true,
             cursorSpeed: cursorSpeed,

diff --git a/layouts/shortcodes/typeit.html b/layouts/shortcodes/typeit.html
@@ -36,6 +36,6 @@
 
 <div {{ $wrapperAttrs | safeHTMLAttr }}>
   {{- printf `<%v %v></%v>` $tag $innerAttrs $tag | safeHTML -}}
-  <template>{{ printf "%v" $content | safeHTML }}</template>
+  <template><pre>{{ printf "%v" $content | safeHTML }}</pre></template>
 </div>
 {{- .Page.Store.Set "hasTyped" true -}}