Doesn't apply right css

[nilspolek]

I have something like

const templateData = await response.json();
currentTemplateData = templateData;

 // Load HTML and CSS into editor
 if (templateData.html) {
  editor.setComponents(templateData.html);
 }
 if (templateData.css) {
  console.log("Setting CSS:", templateData.css);
  editor.setStyle(templateData.css);
}

my problem is that

* {
     box-sizing: border-box;
}

 body {
    margin: 0;
}

is loaded and the classes that apply to the body are sometimes not loaded
can someone help me please

[mohamedsalem401]

Hey @nilspolek
Can you try to wait for components to be added before setting the styles? Try the following and let me know

// Load HTML into the editor
if (templateData.html) {
  editor.setComponents(templateData.html);
}

// Wait for the components to be added, then set the style
editor.once('components:add', () => {
  if (templateData.css) {
    console.log("Setting CSS:", templateData.css);
    editor.setStyle(templateData.css);
  }
});

[nilspolek]

on this approach css is never actually set

[nilspolek]

I currently fixed this with just regex removing the styles but I still have the problem where some css classes randomly don't get set