vue js transition not displaying correctly

Question

i have a problem with transitions with vue js. In chrome it kinda works but it's weird, and in microsoft edge it's not displaying at all. i don't know how to explain it so i will put a jsfiddle link to my code so you can see what i mean. link : my code

/* animation*/
.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all .5s ease;
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateX(25%);
    opacity: 0;
}

i just realised that in edge there's a lot of errors that i don't have in chrome, why ? — yanis htag, Jun 15 '20 at 14:17

score 0 · Answer 1 · answered Jun 15 '20 at 14:29

0

Ok so i solved my problem by doing "z-index=-1;" on the component but it's still not working on edge...

answered Jun 15 '20 at 14:29

yanis htag

15
5

vue js transition not displaying correctly

1 Answers1