When parent is hidden, it will fire onEnter callback anyway

Question

When parent is hidden, it will fire onEnter callback anyway

Opened this issue 4 years ago · 1 comments

If I place <Waypoint /> in a hidden parent container, it will fire onEnter callback immediately as soon as it mounted, even if it's not in viewport. Which seems is a bug?

Here is the reproduce demo: https://codesandbox.io/s/react-waypoint-bug-nr0j4

Answer 1 · 2021-01-28T10:44:49.000Z

We can refer to the Intersection Observer Polyfill

https://github.com/w3c/IntersectionObserver/blob/76ba9761eadab4091927b2497bfa13e59c9e25d8/polyfill/intersection-observer.js#L555-L570

first determines whether the element is displayed or not, and then calculates.