reactjs - whileTap 和 whileHover 道具在 iFrame 内的元素上无法按预期工作

Question

反应framer-motionwhileTap 和 whileHover 道具在 iFrame 内的元素上无法按预期工作。这是一个沙盒演示：

https://codesandbox.io/s/d3rku

在 Chrome 和 Safari 中，whileHover 根本不起作用，而 whileTap 完成了一半的动画。在 Firefox 中，whileHover 有效，而 whileTap 无效。似乎鼠标事件没有在 iFrame 内正确传播。当我在 iFrame 中使用 react 渲染它们时，我也注意到其他一些库的这一点。