inview does not work well with elements in <svg>

[firzgard]

I tried using inview with g elements in svg. I am not sure but, the "enter" and "entered" seem to be triggered at the same time, or sometime only one of them. Same for "exit" and exited". In short, handlers are triggered all over the place, not in their supposed order.

Edit 1 So I tested again:

• "entered" is fired at the moment part of element enter viewport.
• "exited" is fired at the moment part of element leave viewport.

Edit 2 This seems to be related to scroll direction.

[imakewebthings]

@megafirzen Do you have an example I could look at?

[firzgard]

I believe that I have lost the file I found this problem on, so I create this new example. Hope this helps.

[imakewebthings]

@megafirzen It looks like this stems from the use element, perhaps in this situation or in every situation, reporting clientHeight as 0. So jQuery and my noframework adapter both think the height is 0. I'll mark this as a bug since getBoundingClientRect appears to give us the right height and further investigation may reveal that I can switch to using it.

[devcken]

Any changes?