Angular: Material2 Menu fails on opening due to "partial keyframes"

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Working menu component.

What is the current behavior?

Opening a menu once will cause it to open with all buttons being unclickable.
The console shows this:

Invalid keyframe value for property transform: matrix(0,01, 0, 0, 0,01, 0, 0)

polyfills.bundle.js:5856 ERROR DOMException: Failed to execute 'animate' on 'Element': Partial keyframes are not supported.
    at WebAnimationsPlayer.webpackJsonp../node_modules/@angular/animations/esm5/browser.js.WebAnimationsPlayer._triggerWebAnimation (file:///xxxx/dist/vendor.bundle.js:7480:52)



md5-d140c2161feefc579006120ff3ffbf45



  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/cdk": "^5.0.4",
    "@angular/material": "^5.0.4"
  },
  "devDependencies": {
    "@angular/common": "5.2.0",
    "@angular/compiler": "5.2.0",
    "@angular/core": "5.2.0",
    "@angular/forms": "5.2.0",
    "@angular/http": "5.2.0",
    "@angular/platform-browser": "5.2.0",
    "@angular/platform-browser-dynamic": "5.2.0",
    "@angular/router": "5.2.0",



md5-df289d8337af0d4e24cf20df62d2a404



npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.1 but none was installed.

I was told to re-post this issue here. (See https://github.com/angular/material2/issues/9348 for the original issue.)