Fix offscreen canvas breaking with split-brained firefox support (#7440)

matrix-org · Jan 4, 2022 · cdbe599 · cdbe599
1 parent 8339d5f
commit cdbe599
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/ContentMessages.tsx b/src/ContentMessages.tsx
@@ -127,15 +127,18 @@ async function createThumbnail(
     }
 
     let canvas: HTMLCanvasElement | OffscreenCanvas;
-    if (window.OffscreenCanvas) {
+    let context: CanvasRenderingContext2D;
+    try {
         canvas = new window.OffscreenCanvas(targetWidth, targetHeight);
-    } else {
+        context = canvas.getContext("2d");
+    } catch (e) {
+        // Fallback support for other browsers (Safari and Firefox for now)
         canvas = document.createElement("canvas");
         (canvas as HTMLCanvasElement).width = targetWidth;
         (canvas as HTMLCanvasElement).height = targetHeight;
+        context = canvas.getContext("2d");
     }
 
-    const context = canvas.getContext("2d");
     context.drawImage(element, 0, 0, targetWidth, targetHeight);
 
     let thumbnailPromise: Promise<Blob>;