[Master feature] Improved resizing rules for amp-list

[ericlindley-g]

This issue captures the work needed to address a number of related amp-list resizing issues.

• Dynamically resizing during page load to accommodate amp-list children with unknown height
• Dynamically resizing after actions that resize children, such as amp-bind mutation amp-accordion open/close
• Dynamically resizing at the next opportunity, if it was unable to resize initially before the bottom of amp-list was scrolled into the viewport

[ampprojectbot]

This issue doesn't have a category which makes it harder for us to keep track of it. @ericlindley-g Please add an appropriate category.

[dulgar]

can you add a "windowWIDTH" variable which can be used for calculation in amp-list expression

[ericlindley-g]

@dulgar Could you share an example of how you'd like to use this "windowWIDTH" variable?

/cc @cathyxz and @aghassemi for visibility

[dulgar]

@ericlindley-g @cathyxz @aghassemi
I use this expression for my product list

<amp-list [height]="300 * products.length" >

If the width of the page is responsive, I do not know how many product will be listed in a row.
My example calculate the height of the amp-list for one product for each row.
Is there a way to calculate with windowWIDTH, something like this

<amp-list [height]="300 * (product.length / (windowWIDTH / 200) )" >

my prodcut boxed are fixed width=200 height=300

thanks

[ericlindley-g]

Interesting — adding @choumx for thoughts on exposing something like the windowWIDTH variable you propose. Would this be easy to do? Any tradeoffs aside from the effort to implement?

[dreamofabear]

I don't think that's the right approach -- you probably want to use CSS flexbox combined with this new resizing feature.

[ampprojectbot]

This issue hasn't been updated in awhile. @aghassemi Do you have any updates?

[aghassemi]

launched