Activity

1. ionitron-bot

   added

   triage

   on Oct 18, 2026
2. thetaPC commented on Oct 23, 2026

   

   thetaPC

   on Oct 23, 2026

   Contributor

   More actions

   Thanks for the report!

   Verified on 9.0.9. The default md and ios back transitions don't paint the frame described here. Each one sets display: none on the leaving page in its finish hook, and that hook runs before the transition promise resolves, so the leaving page is already hidden when destroy() cancels its animations and during the frame cleanupAsync waits. Sampling getComputedStyle(leavingEl).opacity at that point does return 1, but display: none doesn't change computed opacity, so that probe reports a flash that isn't painted. Checking display in the same frame shows none.

   The frame only appears with a custom animation or navAnimation that fades the leaving page out without hiding it. If that's your setup, hide the leaving page when a back transition completes, the same way the built-in transitions do:

   import { createAnimation, provideIonicAngular } from '@ionic/angular';
   import type { AnimationBuilder } from '@ionic/angular';
   
   export const fadeAnimation: AnimationBuilder = (_baseEl, opts) => {
     const leaving = createAnimation().addElement(opts.leavingEl).fromTo('opacity', 1, 0);
   
     return createAnimation()
       .addElement(opts.enteringEl)
       .duration(200)
       .fill('both')
       .beforeRemoveClass('ion-page-invisible')
       .addAnimation(leaving)
       .onFinish((currentStep) => {
         if (currentStep === 1 && opts.direction === 'back') {
           opts.leavingEl.style.setProperty('display', 'none');
         }
       });
   };
   
   // app.config.ts
   provideIonicAngular({ navAnimation: fadeAnimation });

   Closing this, since the default transitions already hide the leaving page before its animation is removed.
3. thetaPC

   closed this as not plannedon Oct 23, 2026