search

MorevM / vue-transitions

Interface transitions library for Vue 2/3
https://morevm.github.io/vue-transitions/
MIT License
190 stars 4 forks source link

TransitionExpand: no collapse transition when in bottom #253

Closed reimnm closed 7 months ago

reimnm commented 1 year ago

Actual behavior

TransitionExpand

Expected behavior

Expand from bottom to to when element postion in bottom

Steps to reproduce

<header class="fixed top-0 w-full">
 <div>Content</div>
  <transition-expand>
    <div v-show="currentNavPanel"></div>
  </transition-expand>
</footer>    
<footer class="fixed bottom-0 w-full">
  <transition-expand>
    <div v-show="currentNavPanel"></div>
  </transition-expand>
 <div>Content</div>
</footer>

Environment

Additional context

No response

Possible solution

No response

MorevM commented 1 year ago

Good day @reimnm, I can't figure out from the description what's going wrong.

The transition-expand smoothly increases the height of the element. If the bottom edge of the element is fixed, the height of the element increases upwards - I see exactly that in the attached video.

Can you describe in more detail what is expected?

MorevM commented 7 months ago

I'll close this due to lack of feedback. Let me know if you are still experience the issue and can explain it more clear. :)