转换后，更改Firefox中的srcset会使图像闪烁

Question

我有两个<img> - 元素，第一张图片应淡入，第二张图片淡出。当转换结束时，我删除了淡入淡出的类，并切换标签的图像源。

<img id="in" class="in" [srcset]="inSrcSet" (transitionend)="transitionEndIn($event)">
<img id="out" class="out" [srcset]="outSrcSet" (transitionend)="transitionEndOut($event)">

在组件中我正在切换srcset

// sample 
transitionEndIn(event){
   this.inSrcSet = "outSrcSet";
}
 transitionEndOut(event){
   this.outSrcSet = "inSrcSet";
}

srcset中的这一变化使得Firefox中的图像闪烁。看起来淡出的图像会瞬间恢复到完全不透明度。但是，如果我使用常规src代替srcset，我看不到任何闪烁。

我已经Stackblitz说明了我的问题。我已经用src和srcset做了一个例子，所以你可以看到差异。但是Chrome中不会出现此问题。 （我还没有测试过任何其他网络浏览器）。淡入/淡出不是循环，因此您必须刷新Stackblitz才能再次看到过渡。