Search code examples
angularangular-materialheightpanelangular-flex-layout

Maximum height for selected expansion-panel with Flex-Layout

I'm using Angular Material expansion-panel with Flex-Layout and I would like that when one panel is "expanded", it takes all the maximum height thanks to "fxFlex".

DEMO:

enter image description here

I tried to put "fxFlex" in my two expansion-panel, but that does not correspond to my request. The "fxFlex" should be positioned on the expansion-panel which is "expanded".

Unfortunately, I do not find any solution to my problem.

Here is the Stacklitz HERE and the DEMO of the result.

enter image description here

Thank you in advance!

Solution

  • Thank you for your answers I found a possible solution, StackBlitz HERE.

    But the animation is not fluid and the panel is cut. If you have other solutions, I'm interested.