Error de análisis de estilo si tiene @import

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

solo Firefox (todas las versiones)

Enlace de demo reproducible

https://jsfiddle.net/03m6jz5f/

Describe el bicho

¿Cómo reproducir el bicho?

1. Borrar la caché del navegador
2. Prueba a importar plantilla con etiqueta de estilo que tenga @import URL de fuente

¿Cuál es el comportamiento esperado? El estilo debe cargarse sin errores de JS

¿Cuál es el comportamiento actual? GJS no esperes a cargar el estilo y prueba a analizar la hoja 'null' (error de JS). Ver capturas de pantalla: ! изображение ! изображение

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: (error de análisis de hojas) '''js function getSheet() { var style = document.createElement('style');

style.innerHTML = '@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Lato'); /* Estilos enlazados */

div { relleno: 0 !importante; Marje: 0 !importante; } `;

document.head.appendChild(estilo);

console.assert (style.sheet, 'sheet is', style.sheet);

hoja var = feuilla de estilo; document.head.removeChild(style);

console.log('la hoja es:', hoja); }

getSheet();

si espera el error de carga/etiqueta de estilo de análisis ni se replica:
'''js
función async getSheetOnLoad() {
    var style = document.createElement('style');

style.innerHTML = '@charset "utf-8";
    @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
    /* Estilos enlazados */

div {
        relleno: 0 !importante;
        Marje: 0 !importante;
    }
    `;

let promise = new Promise(resolve => style.addEventListener('load', resolve));

document.head.appendChild(estilo);

esperar promesa;

console.assert (style.sheet, 'sheet is', style.sheet);

hoja var = feuilla de estilo;
    document.head.removeChild(style);

console.log('la hoja es:', hoja);
}

getSheetOnLoad();

Código de conducta

• Acepto seguir el Código de Conducta de este proyecto