Block growing height in MatExpansionPanel when in flex-wrap?

Question

In my case, if one of the expansion panel is open, other panels on left and right shouldn't grow vertically. How should I proceed to do this?

Here's the behaviour with Mat components: StackBlitz (current)

Here's the behaviour I would like (with example divs): StackBlitz (expected)

score 1 · Answer 1 · answered Apr 04 '18 at 18:15

To achieve this, additional css properties need to be added to the containing div element:

justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;

Consider using the flex-layout module, as this provides an API for wrapping these classes.

score 0 · Accepted Answer · answered Apr 04 '18 at 18:14

0

It was solved using align-items: flex-start on parent

answered Apr 04 '18 at 18:14

Actolia

2 Answers2