不会在IE11上针对animation元素触发animationstart事件

Question

以下CSS代码为伪元素::before定义了动画：

#test::before {
    content: "Pseudo-element";
    animation-name: Fade-In;
    animation-duration: 2s;
}

我正在JavaScript中使用animationstart事件记录动画的开始。这是demo on jsFiddle。

在IE11上，animationstart无法正常工作。动画的开始未记录。

但是，如果我更改CSS代码以将动画应用到元素上，则animationstart事件将正确触发，并在IE11上记录动画的开始。这是demo on jsFiddle。

看来这是伪元素的问题。

如何针对IE11上的伪元素正确触发animationstart事件？