Query loop container does not have equal heights when a grid is inside it

[quantumleap33]

Description

Query loop container grid does not have equal heights when a grid is inside it.

Steps to reproduce

1. Create a query loop and insert a two-column grid.
2. Make the left column a dynamic background image and insert a dynamic title and post date on the right column.

Expected behavior

Loop containers should have equal heights since Vertical Alignment is set to Default.

Actual behavior

Loop containers have uneven heights dictated by the content on the right column.

References:

Example code here.

---

[diggeddy]

@quantumleap33 do you mean this space ?

[quantumleap33]

@diggeddy Yeah.

[diggeddy]

The same would happen with a static grid inside another grid. Flexbox items can only 'auto' maintain the same height as each other if they are in the same flexbox row. To fix that would require some additional flexbox properties to force them to fill their parent columns.

[JeanPaiva]

It seems this is solved by the new flexbox controls.