amphtml icon indicating copy to clipboard operation
amphtml copied to clipboard

[amp-next-page] v1.0 pages are not rendered if you don't scroll slowly

Open noodles opened this issue 5 years ago • 3 comments

What's the issue?

  1. When scrolling at a 'normal' pace, the amp-next-page component only shows the recommendations box & not the fully rendered articles

  2. amp-next-page does not render all of the suggested 'next-articles'

How do we reproduce the issue?

https://next-page-demo.glitch.me/

  • Open the demo page & scroll to the bottom of the page - only the recommendation box is shown

next-page-demo glitch me_(Moto G4)

The same happens even if you wait for a few seconds before scrolling.

In order to get the articles to render, open the demo page and scroll very slowly to the bottom of the page. This will display 2 of the 3 articles & still have 1 in the recommendation box. The documentation says that the v1.0 component allows for infinite suggestions but it is stopping at 2.

next-page-demo glitch me_(Moto G4) (1)

Also, the article in the recommendation box is actually listed first but displayed last.

     [
          {
            "title": "First Article (AMP Next Page Demo)",
            "image": "https://cdn.glitch.com/963d4e56-357b-4425-bdf6-ba13344782d6%2Fserver-uptime-9999.jpg?1554857102548",
	          "url": "https://next-page-demo.glitch.me/first-article.html"
          },
          {
            "title": "Second Article (AMP Next Page Demo)",
            "image": "https://cdn.glitch.com/963d4e56-357b-4425-bdf6-ba13344782d6%2Fmaking-small-talk-about-the-weather-18655.jpg?1554857106674",
	          "url": "https://next-page-demo.glitch.me/second-article.html"
          },
          {
            "title": "Third Article (AMP Next Page Demo)",
            "image": "https://cdn.glitch.com/963d4e56-357b-4425-bdf6-ba13344782d6%2FOprah-Email.png?1554858595682",
	          "url": "https://next-page-demo.glitch.me/third-article.html"
          }
      ]

What browsers are affected?

All browsers

noodles avatar Aug 25 '20 23:08 noodles

In the same way, in my case I have to scroll slowly to load the pages, also in case it reaches the last element very fast, it stays with the recommendation box. Any recommendation for it?

devmiguelopz avatar Feb 17 '21 00:02 devmiguelopz

image The problem is, that it reaches the end of the page and has not rendered yet, so when it comes across the if it cancels the rendering

devmiguelopz avatar Feb 17 '21 04:02 devmiguelopz

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Aug 12 '22 00:08 stale[bot]