Responsive Image Styles not working when Fallback Image is set to specific Image Style

Created on 11 December 2017, about 7 years ago
Updated 1 March 2023, almost 2 years ago

While working with the Responsive Images Module in Core of 8.3.x, i recognized that the picture Element is actually not rendering correctly.

If the Fallback Image is configured (with an image style) within a specific Responsive Image Style, the src attribute for img within the picture element is filled with the path of the fallback image (always) instead of the correct data.

With configured Fallback Image using an image Style - this is NOT working:

<img src="/sites/default/files/styles/conductor_header_image_350_x_171/public/2017-10/image_example_0.jpg?itok=3WI0Xk6R" alt="Example Image" typeof="foaf:Image" class="img-responsive">

Without configured Fallback Image (set to -empty image- !) - this is working:

<img src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Example Image" typeof="foaf:Image" class="img-responsive">

πŸ› Bug report
Status

Closed: works as designed

Version

8.3 ⚰️

Component
Responsive imageΒ  β†’

Last updated 3 days ago

Created by

πŸ‡©πŸ‡ͺGermany snable Munich

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024