Dynamic Resizing in Rendered Components
cathyzhu@ | go/amp-list-resizing Draft: April 30, 2019
Rendered data in or can sometimes be dynamically sized depending on the XHR, or change size based on user interaction. We need to allow the list to dynamically resize for legitimate use cases without causing or enabling content-shifting. To do this, we introduce layout="CONTAINER" in and with certain caveats.
We currently allow rendering remote data via the
<amp-list> component whose behavior of
<amp-list> regarding sizing is as follows:
We require amp-list to specify a height, fallback, and optionally a placeholder, and do not allow it to resize if the bottom of the list is in the viewport (we show an overflow button, which resizes the
<amp-list> on user click) to prevent content-shifting.