Browser Compatibility Issue

[mtwallet]

Hi @trungdq88 I still have an issue here #14 but cannot reopen. Would you be able to take a look and advise?

Many thanks.

[trungdq88]

I was trying to create a minimal example to reproduce this on Firefox but it seem not to works. Can you try to move the transition property inside .transition-appear-active class?

    .page {
        height: 100vh;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
     }

    .page {
      &.transition-appear {
        transform: translateY(100%);
        opacity: 0;
        z-index: 75;
      }

      &.transition-appear.transition-appear-active {
        transition: all 0.5s ease;
        transform: translateY(0);
        opacity: 1;
        z-index: 75;
      }

      &.transition-leave {
        transform: translateY(0) scale(0.5);
        z-index: 70;
      }

      &.transition-leave.transition-leave-active {
        transition: all 0.5s ease;
        transform: translateY(-25%) scale(0.5);
        opacity: 0;
        z-index: 70;
      }
    }

[trungdq88]

Close due to inactive.