Polyfill replaceChildren (#81)

* Polyfill replaceChildren * Update util.js Co-authored-by: Mark Stacey <[email protected]> * Rename replaceChildrenPolyfill to replaceChildrenPonyfill Co-authored-by: Mark Stacey <[email protected]>
MetaMask · Nov 23, 2021 · 73d3cd8 · 73d3cd8
1 parent 5d918e6
commit 73d3cd8
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/util.js b/util.js
@@ -7,6 +7,18 @@ const transform = require('gl-vec3/transformMat4');
 
 const SVG_NS = 'http://www.w3.org/2000/svg';
 
+// Taken from https://github.com/yuzhe-han/ParentNode-replaceChildren
+// This is to support browsers that do not yet support `replaceChildren`
+const replaceChildrenPonyfill = function (...addNodes) {
+  while (this.lastChild) {
+    this.removeChild(this.lastChild);
+  }
+
+  if (addNodes.length > 0) {
+    this.append(...addNodes);
+  }
+};
+
 module.exports = {
   calculateSizingOptions,
   createLogoViewer,
@@ -497,7 +509,15 @@ function createFaceUpdater(container, polygons, transformed) {
     const newPolygons = toDraw.map((poly) => poly.svg);
     const defs = container.getElementsByTagName('defs');
     const maskChildren = container.getElementsByTagName('mask');
-    container.replaceChildren(...defs, ...maskChildren, ...newPolygons);
+    if (container.replaceChildren) {
+      container.replaceChildren(...defs, ...maskChildren, ...newPolygons);
+    } else {
+      replaceChildrenPonyfill.bind(container)(
+        ...defs,
+        ...maskChildren,
+        ...newPolygons,
+      );
+    }
   };
 }