Vue transitions with Tailwind css not visible on fade out
This is being caused by the tag containing v-show="show"
on line 6 not having a transition around it.
If you wrap that tag in another transition with leave-active-class="duration-300"
, it will delay that from disappearing until your inner transitions are done.
Here's an example: https://codesandbox.io/s/nice-sky-o3be8?file=/pages/index.vue