Could we make *-visible directives work when the element is visible from the start?

[xstevenyung]

Hello,

As said in the title, In some cases, when doing responsive landing page design (e.g. 15" laptop screen vs 4k screen), it's not really possible to predict 100% of the time when an element will be visible on the first load.

In the cases when a *-visible directive is visible on the first load, the animation never trigger making the element invisible.

I made a repo to illustrate: https://github.com/xstevenyung/v-motion-visible-issue

I could work on a PR if this is something that make sense to change.

Cheers and thanks for your work !

[Tahul]

Hey Steven, thank you for your issue!

That seem like great idea!

I would happily review any PR that you submit, please let me know if you need anything concerning the code itself. 😄

[robinvoor]

I have the same issue, some elements are already in the viewport at page load, but not visible initially. Only after scrolling down and back up to those elements will become visible. Is a solution being worked on or does this not have a priority?

[rashidpathiyil]

Same issue

[JonHerbert]

Same issue, thanks!

[maddybo]

Same issue :C

[gl-ruslan-honchar]

Same issue ((

[maddybo]

@Tahul

[Qazzquimby]

Are people using some kind of workaround?
Given the proposed fix isn't going anywhere, maybe it could be monkeypatched in?

[stonega]

Same issue

[MathiasOxholm]

This is still an issue :/

[kaypappi]

This is still a huge issue. And its killing the awesomeness of this package. is there a workaround?

[jordangunther]

Same issue