NuxtN
Nuxt9mo ago
3 replies
WiFi Plug

transition not respecting z index

Hi I have a transition
    <Transition
      enter-active-class="transition-all duration-300 ease-out"
      enter-from-class="translate-y-full"
      enter-to-class="translate-y-0"
      leave-active-class="transition-all duration-200 ease-in"
      leave-from-class="translate-y-0"
      leave-to-class="translate-y-full"
    >
however the element inside it which it's transitioning has z-10 the transition is within a div which has another item with z index 20. however when the transition runs its above the z-20 items for some reason? why may this be and how do i solve it? im using some sticky, absolute, relative etc positionings incase that matters
Was this page helpful?