question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
roeebacommented, Sep 22, 2019

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.

0reactions
bjornharvoldcommented, Dec 23, 2019

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

Printable Lazy Loading 🖨️ - DEV Community ‍ ‍
Due to a bug in Chrome, the first browser to support native lazyloading, images that have not yet been loaded will be missing...
Read more >
Browser comparison | Can I use... Support tables for HTML5 ...
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Read more >
Unable to use lazy loading for wildcard route #12955 - GitHub
when lazy load 404 page module use wildcard route, it say Uncaught (in promise): TypeError: segment.hasChildren is not a function .
Read more >
968883 - Use Location API on Windows - chromium - Monorail
Chrome currently does not use the Windows Location API so this is not expected to work. This is something we have been considering...
Read more >
Changes - HtmlUnit - SourceForge
2.22, May 27, 2016, Bugfixes, Chrome is best supported ... Fix Rhino setup to avoid placing lazy load references to 'XML', 'XMLList', 'Namespace', ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found