rootMargin not working until after the first time intersecting about react-cool-inview HOT 9 CLOSED

@stramel Thank you for reporting this issue, I know the root cause, will fix it soon!

from react-cool-inview.

Thank you for reporting this issue, I know the root cause, will fix it soon!

Thanks! Just wanted to confirm that it is still an issue with v1.3.0 https://codesandbox.io/s/react-cool-inviewissues495-with-v130-zosed

from react-cool-inview.

@wellyshen It does appear that it works properly in a CRA environment. So this probably isn't a bug with the library but maybe one with the browser's Intersection Observer implementation.

I did notice, that it looks like the state isn't reset properly?

The inView says true after the observe is called and the new ref has been set. As well as, the scrollDirection is resetting to 'up' even though I never scrolled up.

https://github.com/stramel/react-cool-inview-issue-495

from react-cool-inview.

@stramel That make sense, I will fix the scrollDirection part soon.

from react-cool-inview.

Going to close this issue in favor of a new one to show the other issues that I have found with scrollDirection and inView.

from react-cool-inview.

@stramel Thank you bro, your issues really helpful.

from react-cool-inview.

@stramel I copied your example to debug this issue with the latest version in my project (created by CRA) but I can not reproduce it, I'm not sure whether it only exists in the environment of the codesandbox (due to the issue of iframe) or not. Can it be reproduced in your project side?

from react-cool-inview.

@stramel The scrollDirection should be reset in v2.0.1.

from react-cool-inview.

Thanks for the cool 😎 library! 👍🏼

from react-cool-inview.