Could we make *-visible directives work when the element is visible from the start?
See original GitHub issueHello,
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:
- Created 2 years ago
- Reactions:5
- Comments:9 (1 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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. 😄
Same issue