Md-expansion panel opened and close events not firing on prod build (beta.11)

Bug, feature request, or proposal:

Looks like a bug.

What is the expected behavior?

Event handler is invoked when opened and closed events happen.

What is the current behavior?

Event handler is not invoked on opened and closed events.

What are the steps to reproduce?

Attach handlers for such events in the template and check if they are invoked after being built with angular cli’s ng build --prod.

What is the use-case or motivation for changing an existing behavior?

Has to be working in production build

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

I’m attaching event handlers like this: <md-expansion-panel (closed)="onCollapse()" (opened)="onExpand()"> and process them in component. But these handlers are not invoked after prod build. It works OK when I do ng build --dev or ng serve.

[rfuhrer]

Thanks @josephperrott .

If you’re like me and just upgraded your project and even ran the md -> mat upgrade so you really don’t want to rollback, you can get by with this horrible hack:

<mat-expansion-panel #expPanel>
  <mat-expansion-panel-header (click)="expPanel.expanded?onExpand():onCollapse()">

This won’t work if people use the keyboard to open and close a panel but it’ll get me by until the next version is out.

Edit: Just a heads up that I had some issues with my former workaround as it would sometimes fire the click event if you clicked something inside the expansion panel. Moving the click event handler down to the ‘mat-expansion-panel-header’ fixed the issue for me

[jmic]

@marxxxx no, the issue is reproducible in beta.12.