fix(runtime): wait for the next tick to finish rendering (close: #4771)

antvis · Mar 31, 2023 · 3386405 · 3386405
1 parent 0615ca8
commit 3386405
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/__tests__/integration/utils/renderSpec.ts b/__tests__/integration/utils/renderSpec.ts
@@ -19,7 +19,5 @@ export async function renderSpec(
     // @ts-ignore
     renderFunction({ theme: 'classic', ...options }, context, resolve),
   );
-  // Wait for the next tick.
-  await sleep(20);
   return gCanvas;
 }
diff --git a/src/runtime/render.ts b/src/runtime/render.ts
@@ -94,8 +94,11 @@ export function render<T extends G2ViewTree = G2ViewTree>(
       plot<T>({ ...keyed, width, height }, selection, library, context),
     )
     .then(() => {
-      emitter.emit(ChartEvent.AFTER_RENDER);
-      resolve?.();
+      // Wait for the next tick.
+      canvas.requestAnimationFrame(() => {
+        emitter.emit(ChartEvent.AFTER_RENDER);
+        resolve?.();
+      });
     })
     .catch((e) => {
       reject?.(e);