Some Drupal CMS image styles are not synced to Quant

Created on 15 January 2025, 3 months ago

Problem/Motivation

Follow-up to:

πŸ“Œ Test Quant module on Drupal CMS dev Fixed

Some of the image styles aren't synced so there are broken images. Example:

Home page banner

Banner breaks after reducing page width

Steps to reproduce

  1. Install Drupal CMS dev
  2. Install/configure quant+quant_api modules
  3. Go to home page and resize it so it's smaller
  4. The banner image will go away at some point

It may be related to the fact the images are webp.

Proposed resolution

TBD

Remaining tasks

TBD

User interface changes

All image styles will sync properly.

API changes

Data model changes

πŸ› Bug report
Status

Active

Version

2.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

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

Comments & Activities

  • Issue created by @Kristen Pol
  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Might not be an image style problem...

    This image is in Quant:

    /sites/default/files/styles/16_9_512x288_focal_point_webp/public/2024-12/DrupalCon-Barcelona-2024%20-%20credit-Bram-Driesen.jpg.webp?itok=nNObg6nj

    Yet, when viewing the page with that image, it doesn't show up:

    view-source:https://3519117c-9a6d-452d-9a19-302d9ca362bd.quantsites.com/blog/2025-01...

    https://3519117c-9a6d-452d-9a19-302d9ca362bd.quantsites.com/blog/2025-01...

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    When I changed from:

    <picture>
                      <source srcset="/sites/default/files/styles/5_2_1300x520_focal_point_webp/public/2024-12/DrupalCon-Barcelona-2024%20-%20credit-Bram-Driesen.jpg.webp?itok=dF48scR- 1x" media="all and (min-width: 1000px)" type="image/webp" width="1300" height="520"></source>
                  <source srcset="/sites/default/files/styles/5_2_1000x400_focal_point_webp/public/2024-12/DrupalCon-Barcelona-2024%20-%20credit-Bram-Driesen.jpg.webp?itok=deg0hnCl 1x" media="all and (min-width: 700px)" type="image/webp" width="1000" height="400"></source>
                  <source srcset="/sites/default/files/styles/16_9_704x396_focal_point_webp/public/2024-12/DrupalCon-Barcelona-2024%20-%20credit-Bram-Driesen.jpg.webp?itok=CIs90WqA 1x" media="all and (min-width: 500px)" type="image/webp" width="704" height="396"></source>
                      <img loading="eager" width="512" height="288" src="/sites/default/files/styles/16_9_512x288_focal_point_webp/public/2024-12/DrupalCon-Barcelona-2024%20-%20credit-Bram-Driesen.jpg.webp?itok=nNObg6nj" alt="Large group of people at DrupalCon Barcelona 2024 posting for a group photo.">
      </picture>
    

    to:

                      <img loading="eager" width="512" height="288" src="/sites/default/files/styles/16_9_512x288_focal_point_webp/public/2024-12/DrupalCon-Barcelona-2024%20-%20credit-Bram-Driesen.jpg.webp?itok=nNObg6nj" alt="Large group of people at DrupalCon Barcelona 2024 posting for a group photo.">
    

    then the image showed up.

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    I think there may be 2 issues:

    1. Issue with images inside of <picture>

    2. Some image styles not syncing

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Making this a meta issue as the picture issue and image style issue are separate things.

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    There is also an issue with the view filters not working, so we need an issue for that.

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    This is a new one I found but is minor and might be a problem with Drupal CMS itself so closing this meta issue:

    πŸ› Drupal CMS feed link doesn't sync to Quant Active

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA
Production build 0.71.5 2024