Add Apply width and height attributes to responsive image tag core patch

Created on 6 September 2021, about 4 years ago
Updated 2 August 2025, 4 months ago

Problem/Motivation

📌 Apply width and height attributes to allow responsive image tag use loading="lazy" Fixed

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 📌 Apply width and height attributes to allow responsive image tag use loading="lazy" Fixed

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
💬 Support request
Status

Fixed

Version

9.0

Component

Code

Created by

🇯🇴Jordan ahmad abbad Jordan

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