Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Material2 Menu fails on opening due to "partial keyframes" #21757

Closed
rm-code opened this issue Jan 24, 2018 · 3 comments
Closed

Material2 Menu fails on opening due to "partial keyframes" #21757

rm-code opened this issue Jan 24, 2018 · 3 comments
Labels
area: animations freq2: medium P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent type: bug/fix
Milestone

Comments

@rm-code
Copy link

rm-code commented Jan 24, 2018

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)

What are the steps to reproduce?

I just copied this example into my electron app:
https://material.angular.io/components/menu/examples

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

  "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",

I'm new to npm so maybe I misunderstand the output, but it seems weird to me that npm warns me about unmet dependencies:

npm WARN @angular/cdk@5.0.4 requires a peer of @angular/core@~5.1.1 but none was installed.
npm WARN @angular/cdk@5.0.4 requires a peer of @angular/common@~5.1.1 but none was installed.
npm WARN @angular/material@5.0.4 requires a peer of @angular/core@~5.1.1 but none was installed.
npm WARN @angular/material@5.0.4 requires a peer of @angular/common@~5.1.1 but none was installed.

I was told to re-post this issue here. (See angular/components#9348 for the original issue.)

@ngbot ngbot bot added this to the needsTriage milestone Feb 26, 2018
@Rhmaric
Copy link

Rhmaric commented Mar 9, 2018

Even the example on material.angular.io got the same issue. I'm using Google Chrome Version 64.0.3282.186

@ngbot ngbot bot modified the milestones: needsTriage, Backlog May 15, 2018
@jelbourn jelbourn added P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent and removed severity3: broken labels Oct 1, 2020
@JoostK
Copy link
Member

JoostK commented May 26, 2022

I am going to close this as non-actionable as the Material site doesn't exhibit this issue anymore, so it's not reproducible anymore. Please open a new issue with repro if this is still a problem in latest Angular.

@JoostK JoostK closed this as completed May 26, 2022
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Jun 26, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area: animations freq2: medium P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent type: bug/fix
Projects
None yet
Development

No branches or pull requests

6 participants