Skip to content

[Owners] Strange behavior with amp-lightbox[scrollable] > amp-list[hidden] #22525

Closed
@ashish-r

Description

What's the issue?

amp-list is displaying a loader icon above the list, and it goes away when I interact (scroll or tap) with the page.
Screenshot from 2019-05-28 13-19-32

This whole content is wrapped in a div and hidden by default and on some action, it appears.
This loader goes away when I interact with the page, and then never comes back again.
Since the [src] is used from amp-bind-macro which does not require any API call or anything, so ideally this loader should never appear.

How do we reproduce the issue?

Sample Code:

    <amp-bind-macro id="getYears" 
    expression="[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15].map(x => 2019- x)">
    </amp-bind-macro>

    <amp-list layout="fixed-height" height="10" [height]="getYears().length * 60" 
    [src]="getYears()" id="year-list" items=".">

        <template type="amp-mustache">
            <div class="years__item" role="button" tabindex="0"
            on="tap:AMP.pushState({year: {{ . }}})">
                <span> {{.}} </span>
            </div>
        </template>

    </amp-list>

What browsers are affected?

Google Chrome for mobile and desktop

Which AMP version is affected?

AMP ⚡ HTML – Version 1905140117570

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions