ampproject / ampproject/amphtml

<Paged list> Some images are not displayed on the list

Open
#39,185 1 comment 0 reactions 0 assignees View on GitHub
Component: amp-list P2: Soon Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

Some images are not displayed on the list. When user switches between the pages, the new page starts from the end not from the beginning of the page

### Reproduction Steps

1. Use the playground link https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Finteractivity-dynamic-content%2Fpaged_list&format=websites&_gl=1*1kgsbzt*_ga*YW1wLW83ZWlnQnRSNnV0d0lWS2dEWG1YSmc.&preview=true
2. Switch between the pages

Actual result: No images on Food 6, Food 12, Food 18. When user switches between the pages, the new page starts from the end not from the beginning of the page
https://screenshot.googleplex.com/7jMbtmCWsB4H66E.png

Expected result: Product list is displayed and user can switch between the pages

Environment:
Device: Macbook Pro, iPhone XR, Pixel 3a XL
Browser: Safari, Chrome, Firefox

### Relevant Logs

_No response_

### Browser(s) Affected

Chrome, Firefox, Safari

### OS(s) Affected

_No response_

### Device(s) Affected

_No response_

### AMP Version Affected

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the paged_list example in the AMP playground linked in the issue and reproduce the problem by switching pages. Trace the pagination and image rendering behavior around the Food 6, Food 12, and Food 18 entries. Done means every product image is displayed and each newly selected page starts at its beginning across the reported browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.