Skip to content

aemsite/ampdemo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AMP related issues encountered by AliExpress Team

> Demo for debugging purpose

amp-bind exceeds 2000 binding issues?

We do have 1 pending issue on github, please see github issue #12517 for more information

Please play around with amp-binding-limit-exceeds-issue.html in order to reproduce the error.

This demo contains 2 <amp-list>, the first <amp-list>fetches all albums; the second <amp-list> fetches all photos based on the album selected by user.

ezgif com-video-to-gif 3

AMP List Reset on Refresh

This demo shows that amp-list attribute (reset-on-refresh) is not working with form-submission.

Page Navigation issue

Basically, we have tried 4 approaches to do the navigation, more information on github # 12610 , hope your guys can advise us the best way to achieve <a> navigation, what we want is to bind some <amp-state> into the url and passed as parameter to the following page.

Example: List Page -> Detail Page.

Pass some product attributes selected by users from Product List page to Product Detail page as parameter.

If using the <a [href]> We notice <a [href]> will auto append domain as prefix if the element <a> is inside <amp-list>. Please play around with dynamic-href-in-amp-list.html to reproduce the error.

ezgif com-video-to-gif 5

amp-img is not showing on scrollable <amp-lightbox>

Basically we do have 1 <amp-list> within <amp-lightbox>, and by default <amp-img> is not on the screen viewport, it is not showing even though we have scroll to bottom of the page. Is there any actions or events that we can trigger the<amp-img> to display by overwriting <amp-img> nature lazy behavior ? else , any suggestions on this ?

Please play around amp-img-not-showing-on-lightbox.html for more information.

ezgif com-video-to-gif 4

auto carousel stop after user tap & scroll

The scene is that we have an <amp-carousel> in our home page, the normal interaction has no problem. But when a user is tapping down a banner and scroll it, after that, the carousel can not automatically scrolling anymore. You can see our demo and check the effect.

ezgif com-video-to-gif 6

async analytics issue

Currently we can asynchrously clickstat with click as YUXUAN's advice, but we still have some tiny issue when it comes to visible. Check the demo for detail, because you can see that, the visible stat async request only shows once.

cant close lightbox issue

Basically when the lightbox is styled with position:fixed, then when users trigger lightbox.close actions, the [hidden] is not appended to the lightbox anymore.

focus not working on iOS lightbox

The focus on input is not working on the amp-lightbox on iOS device

focus is not working on iOS device

The focus on input is not working on iOS device

AMP mustache hack to get current Index

using the amp-bind to get the currentIndex for each items inside the mustache

Infinite-scroll

Steps

  1. npm install
  2. turn on nginx
  3. execute npm run dev
  4. visit http://127.0.0.1/infinite-scroll

About

To describe our tough issue with AMP

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published