compatibility fixes for IE10

src/js/editor/editor.js

@@ -25,6 +25,7 @@ import MobiledocRenderer from '../renderers/mobiledoc';
 
 import { toArray, merge, mergeWithOptions } from 'content-kit-utils';
 import { detectParentNode } from '../utils/dom-utils';
+import { getData, setData } from '../utils/element-utils';
 
 var defaults = {
   placeholder: 'Write here...',
@@ -150,11 +151,10 @@ function getNonTextBlocks(blockTypeSet, post) {
 
 function clearChildNodes(element) {
   while (element.childNodes.length) {
-    element.childNodes[0].remove();
+    element.removeChild(element.childNodes[0]);
   }
 }
 
-
 /**
  * @class Editor
  * An individual Editor
@@ -333,10 +333,11 @@ merge(Editor.prototype, {
   },
 
   applyPlaceholder() {
-    var dataset = this.element.dataset;
     const placeholder = this.placeholder;
-    if (placeholder && !dataset.placeholder) {
-      dataset.placeholder = placeholder;
+    const existingPlaceholder = getData(this.element, 'placeholder');
+
+    if (placeholder && !existingPlaceholder) {
+      setData(this.element, 'placeholder', placeholder);
     }
   },
 

src/js/utils/element-utils.js

@@ -1,3 +1,5 @@
+import { dasherize } from 'content-kit-editor/utils/string-utils';
+
 function createDiv(className) {
   var div = document.createElement('div');
   if (className) {
@@ -114,7 +116,27 @@ function positionElementToRightOf(element, rightOfElement) {
   return positionElementToRect(element, rightOfElementRect, -verticalCenter, -rightOfElement.offsetWidth - elementMargin);
 }
 
+function getData(element, name) {
+  if (element.dataset) {
+    return element.dataset[name];
+  } else {
+    const dataName = dasherize(name);
+    return element.getAttribute(dataName);
+  }
+}
+
+function setData(element, name, value) {
+  if (element.dataset) {
+    element.dataset[name] = value;
+  } else {
+    const dataName = dasherize(name);
+    return element.setAttribute(dataName, value);
+  }
+}
+
 export {
+  getData,
+  setData,
   createDiv,
   hideElement,
   showElement,

src/js/utils/event-emitter.js

@@ -25,4 +25,4 @@ var EventEmitter = {
   }
 };
 
-export default EventEmitter;
+export default EventEmitter;

src/js/utils/string-utils.js

@@ -0,0 +1,11 @@
+/*
+ * @param {String} string
+ * @return {String} a dasherized string. 'modelIndex' -> 'model-index', etc
+ */
+export function dasherize(string) {
+  return string.replace(/[A-Z]/g, (match, offset) => {
+    const lower = match.toLowerCase();
+
+    return (offset === 0 ? lower : '-' + lower);
+  });
+}