Contrib.social

Images being displayed do not match breakpoints after 1.x to 2.x upgrade

Open on Drupal.org →
Created on 7 April 2016, about 8 years ago
Updated 19 September 2023, 9 months ago

I have just upgraded from 7.x-1.x to 7.x-2.13 and the images being displayed do not match the breakpoints.

I have a breakpoint group (Breakpoint 7.x-1.1) with breakpoints at min-width: 0px, min-width: 760px and min-width: 980px.

The "features" picture mapping is using this group and with the following settings:

1x mobile [(min-width: 0px)], Use image styles, Image style 90x90
1x 760 [(min-width: 760px)], Use image styles, Image style 90x90
1x 980 [(min-width: 980px)], Use image styles, Image style 220x110

The view (Views 7.x-3.13) is as follows:

Formatter: Picture
Picture mapping: features
Fallback image style: 220x110

The HTML output is:

<picture title="Catalogue">
    <source media="(min-width: 0px)" srcset="http://example.com/sites/default/files/styles/90x90/public/features/catalogue.jpg?itok=u4-xYqLr&timestamp=1458298953 1x"></source>
    <source media="(min-width: 760px)" srcset="http://example.com/sites/default/files/styles/90x90/public/features/catalogue.jpg?itok=u4-xYqLr&timestamp=1458298953 1x"></source>
    <source media="(min-width: 980px)" srcset="http://example.com/sites/default/files/styles/220x110/public/features/catalogue.jpg?itok=GlcoEZJO&timestamp=1458298953 1x"></source>
    <img title="Catalogue" alt="Catalogue" src="http://example.com/sites/default/files/styles/220x110/public/features/catalogue.jpg?itok=GlcoEZJO&timestamp=1458298953">
</picture>

As you can see, it's pulling through the right images but when viewing the website on a desktop, the image being displayed is 90x90?

🐛 Bug report
Status

Closed: outdated

Version

2.13

Component

Miscellaneous

Created by

🇬🇧United Kingdom QuietSpecialist

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.

  • Comment 9 months ago →
    🇬🇧United Kingdom lesleyfernandes

    I am closing all very old tickets that have not received comments for a long time. If someone is still facing these issues, please reopen it. Feel free to contribute with more info or a patch.

contrib.social Blog FAQ Discussions
Production build 0.69.0 2024