From 2c265941b5312f23d1f798bdc06ecee2c001db4f Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Wed, 2 Oct 2024 21:30:25 +0800 Subject: feat: prevent render indicator appears agein --- src/dumbymap.mjs | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'src') diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs index 2ea5b0c..f85251a 100644 --- a/src/dumbymap.mjs +++ b/src/dumbymap.mjs @@ -387,15 +387,17 @@ export const generateMaps = (container, { delay, mapCallback }) => { ).length const total = steps.length passNum += `/${total}` - if (results.filter(r => r.type === 'render').length === total) { - passNum += '\u0020' - } + + const final = results.filter(r => r.type === 'render').length === total // FIXME HACK use MutationObserver for animation if (!target.animations) target.animations = Promise.resolve() target.animations = target.animations.then(async () => { await new Promise(resolve => setTimeout(resolve, 100)) + if (final) passNum += '\x20' target.setAttribute('data-report', passNum) + + if (final) setTimeout(() => target.removeAttribute('data-report'), 100) }) } /** -- cgit v1.2.3-70-g09d2