diff --git a/src/script.js b/src/script.js index 251f14b..f153e9d 100644 --- a/src/script.js +++ b/src/script.js @@ -781,20 +781,24 @@ customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea d.resolve(result); }); } else if (cssMode === CssModes.ACSS) { - const html = scope.cm.html.getValue(); - const foundClasses = atomizer.findClassNames(html); - var finalConfig; - try { - finalConfig = atomizer.getConfig( - foundClasses, - JSON.parse(scope.acssSettingsCm.getValue()) - ); - } catch (e) { - finalConfig = atomizer.getConfig(foundClasses, {}); + if (!window.atomizer) { + d.resolve(''); + } else { + const html = scope.cm.html.getValue(); + const foundClasses = atomizer.findClassNames(html); + var finalConfig; + try { + finalConfig = atomizer.getConfig( + foundClasses, + JSON.parse(scope.acssSettingsCm.getValue()) + ); + } catch (e) { + finalConfig = atomizer.getConfig(foundClasses, {}); + } + const acss = atomizer.getCss(finalConfig); + scope.cm.css.setValue(acss); + d.resolve(acss); } - const acss = atomizer.getCss(finalConfig); - scope.cm.css.setValue(acss); - d.resolve(acss); } return d.promise; @@ -1872,6 +1876,11 @@ customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea scope.openCssSettingsModal = function() { scope.toggleModal(cssSettingsModal); + setTimeout(() => { + // Refresh is required because codemirror gets scaled inside modal and loses alignement. + scope.acssSettingsCm.refresh(); + scope.acssSettingsCm.focus(); + }, 500); }; function init() {