loktar00 / react-lazy-load

React component that renders children elements when they enter the viewport.
MIT License
979 stars 166 forks source link

Nothing triggers in Safari. #166

Closed ehsanpo closed 1 year ago

ehsanpo commented 1 year ago

We just upgraded four site and change from react-lazyload to react-lazy-load. Woks fine everywhere beside in Safari Desktop Version 16.5 (18615.2.9.11.4). only thing rendered in dom is <div class="LazyLoad"></div>

is there any work around to trigger is manually like the old forceVisible() in old version?

jorrit commented 1 year ago

Is anything logged in the developer console?

loktar00 commented 1 year ago

Alright @jorrit maybe we do need that PR after all I guess. Admittingly I'm not on Safari/Mac at all so not really a way for me to properly test.

ehsanpo commented 1 year ago

we fix our problem, we had issue with a parent component being overlay:hidden on long pages, we fixed the isuue by removing overlay:hidden.

loktar00 commented 1 year ago

Nice! Ok so it wasn't an issue with the newest version of Safari that's great to hear!