diff --git a/web/src/lib/motion.ts b/web/src/lib/motion.ts index a5f5ae0c2..83ed0f3a7 100644 --- a/web/src/lib/motion.ts +++ b/web/src/lib/motion.ts @@ -38,7 +38,14 @@ export const MOTION_TRANSITION: Record = { export const MOTION_VARIANTS = { pageEnter: { initial: { opacity: 0, y: 8, filter: 'blur(4px)' }, - animate: { opacity: 1, y: 0, filter: 'blur(0px)' }, + animate: { + opacity: 1, + y: 0, + // Exact zero blur can blank the page on some Android renderers. + // Preserve the blur animation, then release the filter after it finishes. + filter: 'blur(0.01px)', + transitionEnd: { filter: 'none' }, + }, exit: { opacity: 0, y: -4, filter: 'blur(2px)' }, }, fadeIn: {