Search Terms:
HTMLElement animate lib.es6.t.ds

Code

let e: HTMLElement;
// ... assign e here ...
e.animate([
    {transform: 'translateX(0px)' }, {transform: 'translateX(100px)' }
  ], {
    duration: 200,
    easing: 'ease-in-out'
  });

Expected behavior:

There should not be a compiler error with the above code.

Actual behavior:

There is a compiler error: Property 'animate' does not exist on type 'HTMLElement'.

Playground Link:

https://www.typescriptlang.org/play/#src=let%20e%3A%20HTMLElement%3B%0D%0A%2F%2F%20...%20assign%20e%20here%20...%0D%0Ae.animate(%5B%0D%0A%20%20%20%20%7Btransform%3A%20'translateX(0px)'%20%7D%2C%20%7Btransform%3A%20'translateX(100px)'%20%7D%0D%0A%20%20%5D%2C%20%7B%0D%0A%20%20%20%20duration%3A%20200%2C%0D%0A%20%20%20%20easing%3A%20'ease-in-out'%0D%0A%20%20%7D)%3B%0D%0A

Related Issues:

None

Other information:

web-animations spec: https://www.w3.org/TR/web-animations-1/
MDN link: https://developer.mozilla.org/en-US/docs/Web/API/Element/animate