Fix to support resizing of the viewport width and IO at the same time

Created on 6 June 2024, 5 months ago
Updated 26 June 2024, 5 months ago

Problem/Motivation

No support for resizing of the screen after
๐Ÿ“Œ Implement Intersection Observer API for More Efficient Lazy Loading Fixed

Steps to reproduce

Scenario: The Tablet/IPad or mobile case

Given that a page is loaded with images in a tablet/mobile with "portrait" viewport
When the tablet changes to "landing" viewport
Then images are not updated with a better size to match the current viewport width

Scenario: Browser size, or view port size case

Given that a page was loaded in a browser
When resizing the browser
Then Images are not updated to match with the new size

Proposed resolution

Support resizing of the viewport width and IO at the same time.

Have the addEventListener('resize' back with timer, or any workaround integration with the IO
Important to note to run the generate of image styles for all already in view port, or after an AJAX of Load more content with data.
But they are already in the view port

Remaining tasks

  • โœ… File an issue
  • โž– Addition/Change/Update/Fix
  • โž– Testing to ensure no regression
  • โž– Automated unit testing coverage
  • โž– Automated functional testing coverage
  • โž– UX/UI designer responsibilities
  • โž– Readability
  • โž– Accessibility
  • โž– Performance
  • โž– Security
  • โž– Documentation
  • โž– Code review by maintainers
  • โž– Full testing and approval
  • โž– Credit contributors
  • โž– Review with the product owner
  • โž– Release notes snippet
  • โŒ Release

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • N/A
๐Ÿ› Bug report
Status

Fixed

Version

1.0

Component

Code

Created by

๐Ÿ‡ฏ๐Ÿ‡ดJordan Rajab Natshah Jordan

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

Comments & Activities

Production build 0.71.5 2024