Chrome 77 support for lazy loading not possible with cl-image

Hi,

Now that Chrome 77 is out, I wanted to add lazy loading to all our Cloudinary images.

I am trying to do something like this:

<cl-image style="max-width: 100%;"
                [public-id]="featuredImage"
                default_image="noimage.png"
                gravity="auto"
                loading="lazy"
                height="533"
                width="800"
                (onLoad)="onImageLoad()"
                (onError)="onImageError()"
                secure="true" class="img-fluid">

cl-image correctly applies loading=“lazy”. However, it loads the image immediately regardless. By the looks of it, the loading is not under the control of the img element but the cl-image element.

Please advise, Bjorn

[roeeba]

Hi @bjornharvold. The feature you are looking for is not supported yet. However, We went ahead and opened a feature request on your behalf and forwarded it to our Product Team to further analyze. At this point in time, we cannot guarantee if and when this will be implemented, but once we have any updates available, we’ll make sure to share it with you. Thank you for your understanding and patience in this matter.

[bjornharvold]

Thank you @roeeba. We have already implemented that on our side using your new version and will be deploying to production shortly.