Fix error when showing some special svg due to data url

jakearchibald · Sep 9, 2024 · f9af6dc · f9af6dc
1 parent 1e1a144
commit f9af6dc
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/js/page/ui/svg-output.js b/src/js/page/ui/svg-output.js
@@ -23,12 +23,10 @@ export default class SvgOutput {
   }
 
   setSvg({ text, width, height }) {
-    // TODO: revisit this
-    // I would rather use blob urls, but they don't work in Firefox
-    // All the internal refs break.
-    // https://bugzilla.mozilla.org/show_bug.cgi?id=1125667
     const nextLoad = this._nextLoadPromise();
-    this._svgFrame.src = `data:image/svg+xml,${encodeURIComponent(text)}`;
+    this._svgFrame.src = URL.createObjectURL(
+      new Blob([text], { type: 'image/svg+xml' }),
+    )
     this._svgFrame.style.width = `${width}px`;
     this._svgFrame.style.height = `${height}px`;
     return nextLoad;