react-lazy-load-image-component

react-lazy-load-image-component copied to clipboard

**Bug description** Trying to use `LazyLoadComponent` with custom `placeholder`, which is Styled Component. This results in my component to be wrapped by unnecessary `` element when doing SSR. This behavior...

bolotin-taptima

Empty inline style

1

Empty inline style causes html validator parse error _LazyLoadImage.jsx_ style={{ backgroundImage: loaded || !placeholderSrc ? '' : `url(${placeholderSrc})`, backgroundSize: loaded || !placeholderSrc ? '' : '100% 100%', color: 'transparent', display:...

golont

Images are not downloading in chrome desktop

6

**Bug description** Images are not downloading after the page loads. If I zoom out size to 90% then they are getting downloaded. On 100% resolution of screen no image is...

grkpranaykumar

Picture support

2

Are you planning to add tag `picture` support?

romanlex

Unload when out of the viewport

1

**Is your feature request related to a problem? Please describe.** I have a page with potentially 1,000 images on it. I'm worried about memory load on the browser as the...

ndtreviv

**Bug description** I'm trying to write a test for my component which uses this library. I'm using lazy loaded image as a background of a component within the parent component,...

ArinCantCode

Support WebP with <picture> for Safari

4

Is there currently a way to support WebP with `` so it can fallback on Safari? If not, is this something worth adding? (since iOS 14 and macOS 11 will...

pixelfreak

Image flickering in Sarafi browser

3

**Bug description** I'm expecting image flickering while component switches from placeholderSrc to src image on Safari browser. It seems that in Safari placeholderSrc gets removed from the DOM before src...

TaWReOn

Loading images outside of viewport

3

I've been told that my website that is using this lazy loading plugin is a bit slow when scrolling. It's a picture site similar to 9gag where you constantly scrolls,...

Cremz

When rendered isomorphically it's possible for the `afterLoad` callback to never get called

1

**Bug description** If you render LazyLoadImage component isomorphically, it's possible that the image is downloaded by the browser before the component mounts. When this happens, the `afterLoad` callback never gets...

jkkjonah