Fix: Create class while double buffering

fastn-stack · Nov 9, 2023 · 091f631 · 091f631
1 parent 1a5d08d
commit 091f631
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/fastn-js/js/dom.js b/fastn-js/js/dom.js
@@ -119,16 +119,20 @@ fastn_dom.propertyMap = {
 
 // dynamic-class-css.md
 fastn_dom.getClassesAsString = function() {
+    return `<style id="styles">
+    ${fastn_dom.getClassesAsStringWithoutStyleTag()}
+    </style>`;
+}
+
+fastn_dom.getClassesAsStringWithoutStyleTag = function() {
     let classes = Object.entries(fastn_dom.classes).map(entry => {
         return getClassAsString(entry[0], entry[1]);
     });
 
     /*.ft_text {
         padding: 0;
     }*/
-    return `<style id="styles">
-    ${classes.join("\n\t")}
-    </style>`;
+    return classes.join("\n\t");
 }
 
 function getClassAsString(className, obj) {
@@ -819,7 +823,6 @@ class Node2 {
             });
         }
     }
-
     setFavicon(url) {
         if (doubleBuffering) {
             if (url instanceof fastn.recordInstanceClass) url = url.get('src');
@@ -989,7 +992,7 @@ class Node2 {
             return cls;
         }
 
-        if (!ssr) {
+        if (!ssr && !doubleBuffering) {
             if (!!className) {
                 if (!fastn_dom.classes[cssClass]) {
                     fastn_dom.classes[cssClass] = fastn_dom.classes[cssClass] || obj;

diff --git a/fastn-js/js/utils.js b/fastn-js/js/utils.js
@@ -537,7 +537,7 @@ let fastn_utils = {
     replaceBodyStyleAndChildren(newChildrenWrapper) {
         // Update styles based on `fastn_dom.styleClasses`
         let styles = document.getElementById("styles");
-        styles.innerHTML = fastn_dom.styleClasses;
+        styles.innerHTML = fastn_dom.getClassesAsStringWithoutStyleTag();
 
         // Replace the children of document.body with the children from
         // newChildrenWrapper