From c36456d820be03c47b03c198ea8f1b9d6de73608 Mon Sep 17 00:00:00 2001 From: Danila Poyarkov Date: Tue, 17 Mar 2026 19:25:06 +0300 Subject: [PATCH] =?UTF-8?q?Fix=20loader=20not=20removed=20=E2=80=94=20add?= =?UTF-8?q?=20onReady=20callback=20to=20dismiss=20#loader?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The loader div from index.html was never dismissed after the SDK migration because use-canvas.ts moved to the SDK (which correctly doesn't touch app-specific DOM). Added onReady callback in EditorCanvas.vue to fade out and remove the loader. --- src/components/EditorCanvas.vue | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/EditorCanvas.vue b/src/components/EditorCanvas.vue index 4b7a9c59f..a48f450b9 100644 --- a/src/components/EditorCanvas.vue +++ b/src/components/EditorCanvas.vue @@ -13,7 +13,16 @@ const canvasRef = ref(null) const { hitTestSectionTitle, hitTestComponentLabel, hitTestFrameTitle } = useCanvas( canvasRef, - store + store, + { + onReady() { + const loader = document.getElementById('loader') + if (loader) { + loader.classList.add('fade-out') + setTimeout(() => loader.remove(), 300) + } + } + } ) const { cursorOverride } = useCanvasInput( canvasRef,