Expansion - allow select inside extended panel

[tb]

When I have mdl-select or mdl-popover inside extended panel then we need overflow: visible.

ATM I was able to fix it via:

@Component({
  selector: 'mdl-expansion-panel-content',
  template: '<ng-content></ng-content>',
  host: {
    '[class.mdl-expansion-panel__content]': 'true',
    '[@isExpanded]': 'isExpanded'
  },
  animations: [
    trigger('isExpanded', [
      state('true', style({ height: '*', overflow: 'visible' })),
      state('false', style({ height: '0px', overflow: 'hidden' })),
      transition('* => *', animate('100ms ease-in')),
    ]),
  ]
})
export class MdlExpansionPanelContentComponent {
  isExpanded: string = 'false';
}

This solution requires however faster animation. I would expect to either:

• support mdl-select in extension panels
• or allow to configure component animations