"TypeError: b.animate is not a function" after 2.2.0

[ellenaua]

TypeError: b.animate is not a function.
(In 'b.animate({opacity:["1","0"]},{duration:1,fill:"forwards"})', 'b.animate' is undefined)

This error appears only in Safari (on iPhone and on Mac in Safari 8.0). In Chrome everything is OK.

[mbergeron]

I do get the same error in Safari

[alancutter]

Haven't been able to repro this error so far in Safari 9 on iOS/Mac 10.9.

[naoak]

I got the same error on Android 5.0.2 (XperiaZ3) stock browser.

[Edited]
If I wrap the following code in web-animations-bonus-object-form-keyframes.js with a try catch block,

  var element = document.documentElement;
  var animation = element.animate({'opacity': ['1', '0']},
      {duration: 1, fill: 'forwards'});
  animation.finish();
  var animated = getComputedStyle(element).getPropertyValue('opacity') == '0';
  animation.cancel();
  if (animated) {
    return;
  }

the error has gone. And works properly.

[naoak]

My issue seems to be dups of #72.

[alancutter]

Haven't gotten my hands on a copy of Safari 8 to repro this yet.
Could you please check if the issue persists in 2.2.1?

[mford516]

I am receiving this error on Safari 9.0.1, Firefox 46, and Microsoft Edge 20.10240.16384.0 as well.

Begins onload with:
"TypeError: b.animate is not a function. (In 'b.animate({opacity:["1","0"]},{duration:1,fill:"forwards"})', 'b.animate' is undefined)"

Then follows with:
"ReferenceError: Can't find variable: KeyframeEffect" when interacting with elements that utilize animations (in my case a paper-dropdown-menu).

Interestingly enough Firefox Developer Edition (48.0a2) does not throw this error. In 47.x of Dev Edition the error would occur.

As stated by others, Chrome does not have this issue.