Function beforeTransition

core/src/utils/transition/index.ts:57–86

(opts: TransitionOptions, transitioningInactiveHeader: HTMLElement | null)

};

const beforeTransition = (opts: TransitionOptions, transitioningInactiveHeader: HTMLElement | null) => {
  const enteringEl = opts.enteringEl;
  const leavingEl = opts.leavingEl;

  focusController.saveViewFocus(leavingEl);

  setZIndex(enteringEl, leavingEl, opts.direction);
  // Prevent flickering of the header by adding a class.
  setHeaderTransitionClass(transitioningInactiveHeader, true);

  if (opts.showGoBack) {
    enteringEl.classList.add('can-go-back');
  } else {
    enteringEl.classList.remove('can-go-back');
  }
  setPageHidden(enteringEl, false);

  /**
   * When transitioning, the page should not
   * respond to click events. This resolves small
   * issues like users double tapping the ion-back-button.
   * These pointer events are removed in `afterTransition`.
   */
  enteringEl.style.setProperty('pointer-events', 'none');

  if (leavingEl) {
    setPageHidden(leavingEl, false);
    leavingEl.style.setProperty('pointer-events', 'none');
  }
};

const runTransition = async (opts: TransitionOptions): Promise<TransitionResult> => {
  const animationBuilder = await getAnimationBuilder(opts);