MS Edge - CSS转换无法正常运行

Question

我正在尝试为FB页面小部件创建一个简单的纯CSS滑块。问题是代码适用于所有主要的浏览器，它们使用MS Edge和IE。

.slider {
  -webkit-transition: right 1s ease-in-out;
  -moz-transition: right 1s ease-in-out;
  -o-transition: right 1s ease-in-out;
  transition: right 1s ease-in-out;
}

每当我将鼠标光标移动到FB iframe时，转换都会被取消。我尝试将叠加层和pointer-events添加为iframe的父级，但效果相同。

这是MS Edge错误还是我做错了什么？

我正在工作CodePen。

编辑：我不想使用jQuery。正如我之前提到的，它必须是纯CSS 动画。