Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
amp-list layout issue
See original GitHub issue<div style="display:flex">
<amp-list layout="flex-item" src={url}>
<template type="amp-mustache">
.....
</template>
</amp-list>
</div>
This structure above does not trigger a call to the amp-list source. In the documentation it doesn’t say that there are limitation on what layout properties a list can have. What is the correct layout to use on amp-list with display: flex on the parent?
Issue Analytics
- State:
- Created 6 years ago
- Comments:11 (5 by maintainers)
Top Results From Across the Web
amp-list - layout "container" · Issue #21517
The issue is that the amp-list content is generated at load-time and because it can contain X products, needs to be dynamically sized....
Read more >Documentation: <amp-list> - amp.dev
Dynamically downloads data and creates list items using a template.
Read more >Issues with amp-list and nav-elements
First Question: amp-list can not get the height of the elements on its own (ie; height: 100%), unfortunately. You can set the initial...
Read more >amp list dynamic height in amp for email
"AMP however was designed to be different, and AMP components and design principles make it near impossible to trigger layout shifts. This ...
Read more >Re: The problems with AMP-Mustache only getting data ...
Ali Ghassemi · <amp-list · width · "auto" · height · "100" · layout · "fixed-height" · src ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Yea, we only check if it needs to grow in height.
https://github.com/ampproject/amphtml/blob/a7ef762c93f8b17ae5908bee42ff18a984300351/extensions/amp-list/0.1/amp-list.js#L417-L421
Has this been resolved? If so, is there an example on the amp website? Thanks!