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.

Elements taller than viewport never trigger hooks

See original GitHub issue

I’m running into an issue where tall components (taller than the viewport) don’t report that they’ve entered or exited the viewport. Is there any way to trigger enter/exit/scroll hooks —regardless of whether the entire element is visible— other than by increasing viewportTolerance to some pixel value?

Using the waypoints library, one may use a percentage offset from top { offset: '100%' } and be notified as items enter the viewport, regardless of element size. Is this possible with ember-in-viewport?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:12 (1 by maintainers)

github_iconTop GitHub Comments

danieledraganticommented, Jul 25, 2017

Hello everyone. Is no one going to merge either of those two fixes? This bug really breaks many use cases… Thank you.

lifeinafoldercommented, Jan 16, 2017

Any updates on this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS3 100vh not constant in mobile browser - Stack Overflow
@GauravAggarwal nope, exatly the opposite: the real viewport height is greater than the one provided by the browser when its address bar is...
Read more >
Using React Hooks to Recognize & Respond to Current ...
Today, I'm going to cover how to use React Hooks to recognize and respond to viewport size changes so odd edge cases like...
Read more >
Practical CSS Scroll Snapping
CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling.
Read more >
Docs | Plugins | ScrollTrigger - GreenSock
And the ScrollTrigger applied to it will animate for a full viewport height's distance (perhaps the trigger uses the values of start: "center ......
Read more >
Viewport concepts - CSS: Cascading Style Sheets | MDN
This article explains the concept of the viewport — what it is, its impact in terms ... which can be much taller or...
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 Post

No results found

github_iconTop Related Hashnode Post

No results found