Skip to content

amp-img side scroller does not load offscreen images #24929

@p2er

Description

@p2er

What's the issue?

The amp travel demo shows a teaser slider with images. Once in mobile viewport native scrolling is used instead of the usual amp-carousel for slidable content. That allows for different content dimensions due to flowing text on mobile compared to desktop. Unfortunately the images at least one viewport width sidewards in the scrollable container are no longer loaded. This did work in the initial version of the demo.

How do we reproduce the issue?

  1. Download the template: https://amp.dev/static/files/templates/travel.zip
  2. Open templates/travel.amp.html
  3. Reduce browser size to mobile viewport (320) and relaod
  4. Scroll down to "Top adventures near you"
  5. Scroll sidewards to last teaser
  6. Should show image but did not load resource nor render image tag

What browsers are affected?

All browsers. Tested on Chrome and Safari and Safari Simulator-

Which AMP version is affected?

Powered by AMP ⚡ HTML – Version 1909181902540

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions