Blazy library not firing correctly sometimes on responsive images

Thank you.

I am away from laptop now.

There is Views Gotchas at the bottom page here:
https://www.drupal.org/project/slick_views →

Does it help?

@gausarts:

Since we do not use slick for these views, I don't think they apply. These are using just a normal node display mode as the output, The display mode does implement Layout Builder and does not use slick, but uses the Blazy Media responsive image formatter. We don't use rewrite results.

> Since we do not use slick for these views
It applies to any formatters, not only slick, basically embedded in a Views style vs. standalone output. I would recommend you checking the solution above first, only if using Views blocks. What the result is, no problems. Just narrowing one suspect at a time. Also noted here:
https://git.drupalcode.org/project/blazy/-/blob/8.x-2.22/docs/TROUBLESHO...\

Another problem is missing images, 404:
https://blazytest-ets-unit.pantheonsite.io/sites/default/files/styles/co...
https://blazytest-ets-unit.pantheonsite.io/sites/default/files/styles/co...

This one does exist as you noted:
https://ets.osu.edu/sites/default/files/styles/coe_4_3_medium/public/202...

Let me know if any solves your issues?

In our view, we don't use the fields for anything other than sorting/filtering; we are rendering the node directly. I have gone in and enabled "use field template" on the two sorting/filtering fields (ID and Authored on) and it made no change.

However, setting the Aspect ratio may have solved the issue. We will have to test. I will get my frontend guy on it and report back.

We are having good luck with aspect ratio setting, thank you for that.

One thing we have also notice however is a small broken image tag issue, that comes from the srcset placeholder insert you do in src/Theme/BlazyTheme.php:215. The constant is set to "about:blank" in src/Media/Placeholder.php:22, which results in a brief broken image icon on slow connections, and a network issue. This is independent of the placeholder settings in the config. This should instead be a blank string "".

Thanks for the followup.

Regarding "about:blank", it was a fix for another issue regarding invalid HTML with empty source value.
"about:blank" is the only second valid value after the real url.

I don't mind a very brief millisecond broken view, better than eternal invalid HTML.
However should you have a better idea, patches are welcome.

Thank you.

Using Placeholder::DATA . ' x1' instead resolves the issue for me.

Blazy-fix_broken_image_icon-3401623-8.patch →

Automatically closed - issue fixed for 2 weeks with no activity.

Can my last fix (#8) be considered?

Using about:blank results in console errors on Chrome. Using a valid placeholder (link in patch from #8) will make sure that there is no HTML error and no Chrome console error.
I think this issue should be reopened and the solution from #8 should be proved.