Problem/Motivation

#3192234: Apply width and height attributes to allow responsive image tag use loading="lazy"

Steps to reproduce

Given that media images are using the responsive image styles system form Drupal core
When the HTML tag for the <picture /> or <image /> tag is loaded in the page
Then dimensions of the image are not placed in the HTML.. only in the src or srcset
And that bring some slow work in a Browser rendering for the image
And style flicks in some points of loading and rendering of the page.

Proposed resolution

Please add the core patch for Apply width and height attributes to responsive image tag to varbase core
Core issue

Remaining tasks

  • ✅ File an issue about this project
  • ❌ Add the core patch for Apply width and height attributes to responsive image tag
  • ❌ Testing to ensure no regression
  • ❌ Automated unit/functional testing coverage
  • ❌ Developer Documentation support on feature change/addition
  • ❌ User Guide Documentation support on feature change/addition
  • ❌ Code review from 1 Varbase core team member
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ❌ Release

User interface changes

  • N/A

API changes

  • None

Data model changes

  • None

Comments

Ahmad Abbad created an issue. See original summary.

ahmad abbad’s picture

Issue summary: View changes
rajab natshah’s picture

rajab natshah’s picture

Version: 9.0.7 » 9.0.x-dev
Issue summary: View changes
Issue tags: -core
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Status: Active » Fixed
rajab natshah’s picture

Status: Fixed » Closed (fixed)