react-on-screen icon indicating copy to clipboard operation
react-on-screen copied to clipboard

Allowing to set the initial state of the component

Open dgopsq opened this issue 6 years ago • 0 comments

Hello, I'm using this module to track an element at the top of the page (and so visible by default). In the first load of the page this component always returns false and then the correct true, while if I reload the page when the component is not visible by default (i.e. if I reload while i'm in the middle of the page) I get only false which is correct.

You can see a replica here, and here's the code.

Edit: Okay, I checked the code and I see that the first false makes sense, since it's the default state, and I don't get a second value when I refresh while not seeing the element because the state remain false. This is quite a tricky thing, because I have an animation that triggers when isVisible === false, and so happens to trigger in the first load because of the default state. I tried to ignore that state but if a refresh happens in the middle of the page then the animation won't trigger.

I think allowing to set the initial state of the component could be an interesting solution, couldn't it?

dgopsq avatar May 24 '18 20:05 dgopsq