IE has a problem with setATtribute('style') this is workaround

bustle · May 7, 2019 · 5831316 · 5831316
1 parent 1c7f64b
commit 5831316
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/js/renderers/editor-dom.js b/src/js/renderers/editor-dom.js
@@ -35,7 +35,7 @@ function handleMarkupSectionAttribute(element, attributeKey, attributeValue) {
   assert(`cannot use attribute: ${attributeKey}`, _isValidAttribute(attributeKey));
 
   /* This'll work for now, but in the future should be fleshed out */
-  element.setAttribute('style', `${attributeKey.replace('data-md-','')}: ${attributeValue}`);
+  element.style.setProperty(attributeKey.replace('data-md-',''), attributeValue);
 }
 
 function createElementFromMarkup(doc, markup) {

diff --git a/tests/acceptance/editor-post-editor-test.js b/tests/acceptance/editor-post-editor-test.js
@@ -42,7 +42,7 @@ test('markup sections may contain attributes', (assert) => {
   editor = new Editor({mobiledoc});
   editor.render(editorElement);
 
-  assert.hasElement('#editor p[style="text-align: center"]');
+  assert.hasElement('#editor p[style="text-align: center;"]');
 });
 
 test('#insertSection inserts after the cursor active section', (assert) => {