From 999a80f945838280038c22be9879168d652dcbe6 Mon Sep 17 00:00:00 2001
From: ocean <47253870+banocean@users.noreply.github.com>
Date: Sat, 30 May 2026 16:51:25 +0200
Subject: [PATCH 1/2] force webkit to render canvas

---
 src/editor/main.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/editor/main.js b/src/editor/main.js
index 2a62900..a64228a 100644
--- a/src/editor/main.js
+++ b/src/editor/main.js
@@ -593,10 +593,20 @@ class Editor extends LitElement {
 
       this.camera.aspect = target.clientWidth / target.clientHeight;
       this.camera.updateProjectionMatrix();
+
+      requestAnimationFrame(this._forceWebKitCanvasRender.bind(this));
     });
     obs.observe(this);
   }
 
+  _forceWebKitCanvasRender() {
+    const canvas = this.renderer.canvas();
+    if (!canvas) return
+    canvas.style.transform = "translateZ(0)";
+    canvas.offsetHeight;
+    canvas.style.transform = "none";
+  }
+
   async _loadSkin() {
     const layerData = this.project.get("layers", []);
     if (layerData.length > 0) {

From 85ad0cf2a97e3cb398649e06770499f77a6a0eb7 Mon Sep 17 00:00:00 2001
From: ocean <47253870+banocean@users.noreply.github.com>
Date: Sat, 30 May 2026 16:55:53 +0200
Subject: [PATCH 2/2] formatting code

---
 src/editor/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/editor/main.js b/src/editor/main.js
index a64228a..569033b 100644
--- a/src/editor/main.js
+++ b/src/editor/main.js
@@ -601,7 +601,7 @@ class Editor extends LitElement {
 
   _forceWebKitCanvasRender() {
     const canvas = this.renderer.canvas();
-    if (!canvas) return
+    if (!canvas) return;
     canvas.style.transform = "translateZ(0)";
     canvas.offsetHeight;
     canvas.style.transform = "none";