Fallback image is not lazy loaded [#3050641]

After the upgrade the LazyLoader assigned fall-back image was broken. We mainly use this in Views. As soon as I reverted back to the previous dev all was restored. So it seems some side bug was introduced.

Loader Before

<img class="img-responsive  lazyloaded" src="https://domain.com/sites/default/files/styles/loaderc/public/FILENAME.jpg" alt="TITLE" title="">

Latest Version

<img class="img-responsive lazyloaded" data-src="https://domain.com/sites/default/files/styles/loaderc/public/FILENAME.jpg" alt="TITLE" title="" style="" src="https://domain.com/sites/default/files/styles/loaderc/public/FILENAME.jpg">

Trying to pinpoint what the issues is here. What else can I supply that might help.

Comment	File	Size	Author
#3	picture-lazyloading-fallback-img-fix-3050641-3.patch	1.11 KB	thomas.frobieter

Comments

Comment #1

25 April 2019 at 02:46

glynster created an issue. See original summary.

Comment #2

thomas.frobieter

German

commented 13 October 2020 at 09:00

Not working for me too, also in the latest stable release. All (fallback)images being loaded directly.

Check out this Example: https://www.doctor-catch.com/de/angelgeraet/angelrolle-baitcaster-warten...

Picture lazyload + Keep aspect ratio are checked.

Maybe important to say, we also use https://www.drupal.org/project/lazyloader (see: https://www.drupal.org/project/lazyloader/issues/2377843). But the problem persists, even if this module is turned off.

Comment #3

thomas.frobieter

German

commented 13 October 2020 at 10:14

Status:

Active

» Needs work

Status	File	Size
new	picture-lazyloading-fallback-img-fix-3050641-3.patch	1.11 KB

Patch attached, fixes the problem but is not well tested yet.

I've already saw a problem with the "Keep aspect ratio" Option, no matter if it's active or not, the aspectratio script will reduce the height of the img to the smallest pictures source size.