Amphtml: amp-live-list not loading amp-img

[gustavopaes]

What's the issue?

amp-img is not loading images when inside at amp-live-list, unless you resize your window.

How do we reproduce the issue?

1. Open amp-live-list AMP Playground example
   1.1 If image is visible, reload the page.

2. Add amp-accordion component, and the problem is fixed.

What browsers are affected?

Google Chrome 57 (desktop)

Which AMP version is affected?

AMP Version: 1492571781980

[luigi]

I'm seeing this behavior as well with amp-twitter components inside an amp-live-list.

With amp-instagram and amp-youtube inside amp-live-list, the image loads, but none of the chrome for the component loads. Then when the browser window is resized, events fire and everything looks and works correctly.

[luigi]

I've discovered that an amp-img element _outside_ the amp-live-list but on the same page will fix the error. So that's a workaround if this is affecting you in production: insert a transparent 1x1 PNG somewhere else on the page.

[gustavopaes]

@luigi as a workaround I am adding amp-accordion component in my live pages.

[erwinmombay]

looking into it

[erwinmombay]

anyone got another live example besides ampbyexample?

[gustavopaes]

@erwinmombay yes, this one https://entretenimento.uol.com.br/ao-vivo/2017/02/26/amp-live-list-bug.htm

With the workaround:
https://entretenimento.uol.com.br/ao-vivo/2017/02/26/oscar-2017.amp.htm

[gustavopaes]

I don't know if it's the same bug, but in this pages, If I remove the amp-accordion component, amp-iframe are not loaded, unless I resize the screen (see bug page).

[erwinmombay]

@gustavopaes thanks so much for that. currently out of town but will prioritize this asap!

[adelinamart]

@erwinmombay is this still a P1?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ithinkihaveacat]

An example of this bug in the wild.

Images missing from <amp-live-list> with embedded <amp-twitter> (other examples on the same page):

(From https://amp.theguardian.com//world/live/2017/oct/01/catalan-independence-referendum-spain-catalonia-vote-live.)

Expected to look something like this (the equivalent non-AMP):

(From https://www.theguardian.com/world/live/2017/oct/01/catalan-independence-referendum-spain-catalonia-vote-live.)

/cc @sebastianbenz

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[ampprojectbot]

This is a high priority issue but it hasn't been updated in awhile. @erwinmombay Do you have any updates?

[stale[bot]]

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.