twobin/react-lazyload

Edge / IE / Firefox - Overflow not finding correct parent

Opened this issue · 2 comments

Hello,

I've added this library to my project. It works brilliantly on Chrome however from what I've tested Edge IE / Firefox are a different story.

I'm using the overflow option but it appears these browsers are not finding the correct parent and thus not adding the correct listener. Is this a known issue?

This is a screen grab from my project, and directly below is one from the example, the one from the example is missing a clause from the if statement therefore makes it further than my code:

image

image

Ah, I'll read through this first:

#48

On further investigation the only way I can get it to work is to set overflow: scroll anything else does not seem to work.

I don't want overflow-x but adding this seems to break it as well. Any suggestions?