fix(expansion): Handle overflow in .mat-expansion-panel-body

[josephperrott]

Addresses: #7008

[jelbourn]

LGTM

[crisbeto]

LGTM

[tmburnell]

I tried this fix in my overflow situation and it did not fix it ... due to mat-expansion-panel-body actually grow to the size of its contents. I am still trying to find a fix that works for me, I can post back if i find something.

[tmburnell]

http://plnkr.co/edit/O5SE55FZ1qlU1il9fh6v?p=preview

I am using codeMirror to display code in the toggled area. My example just mocks the layout.
If you expand one it works fine, however if you expand more than one DUE to flexLayout making the expandable smaller the body container does not get smaller so it overflows into the next item.

[gigadie]

the fix for this might be changing it from margin to padding:

.mat-expansion-panel-body {
  padding: 0 24px 16px;
  overflow: auto;
}

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}