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.
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?
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
falseand then the correcttrue, 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 onlyfalsewhich 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
falsemakes 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 remainfalse. This is quite a tricky thing, because I have an animation that triggers whenisVisible === 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?