search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
22.02k stars 1.55k forks source link

[BUG] - Image component: loading="lazy" not working #2259

Open keul opened 10 months ago

keul commented 10 months ago

NextUI Version

2.2.9

Describe the bug

Documentation says that I can use loading="lazy" (as with default image HTML element), but images are not loaded lazily.

On Firefox (but not on chrome) if I scroll down, I see a network attempt to load them again (this time, they are taken from the cache).

If I replace Image with native img tag, lazy loading work properly.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. create a long list of images with loading="lazy"
  2. inspect network tab
  3. scroll down

Expected behavior

Image should work as for img element with the same attribute.

Screenshots or Videos

No response

Operating System Version

MacOS

Browser

Chrome

flnx commented 8 months ago

Any updates on that problem?

JokerDang commented 4 months ago

i got the same issue. Any update?