question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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 !

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:5
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
Tahulcommented, Sep 3, 2021

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. 😄

0reactions
stonegacommented, Aug 16, 2022

Same issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

javascript - Can an angular directive know when it becomes visible ...
I 'd like to make a directive that keeps an element focussed. To do this I just attach a listener to the focusout...
Read more >
directive to update when element visible - Google Groups
I 'm trying to setup a directive that runs a function every time it's DOM element is visible. At the start of the...
Read more >
Visible | Directives - BootstrapVue
The `v-b-visible` directive allows you to react when an element becomes visible in the viewport.
Read more >
Showing and hiding elements (v-show directive)
This directive works the same way as the v-if directive, except that the elements remain in the DOM and are only hidden by...
Read more >
andrewvasilchuk/v-visible: Vue.js directive for setting ... - GitHub
Vue.js directive for setting visibility of an element - GitHub - andrewvasilchuk/v-visible: Vue.js directive for setting visibility of an element.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found