ampproject / ampproject/amphtml

amp-list doesn't reclaim space after expanding browser

Open
#27,251 6 comments 1 reaction 1 assignee Claimed by @caroqliu View on GitHub
Component: amp-list P2: Soon Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

Hello,

When using amp-list, I have a CSS grid that shows two columns of content at a time using flexbox to "wrap" extra items.

When the device is smaller than 1032 px, I show one column at a time.

This works great both in the larger and smaller dimensions.

It also works great if your browser is full-screen initially, you infinitely scroll to the end of the list, and then resize the browser *down*.

However, after resizing the browser down (so the list is longer) and then resizing the browser back up - there's a bunch of extra space below the items now that there are two per column.

Is there a way to tell amp-list to resize itself when a media query fires?

Thank you for this great framework!!!

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.