Firefox postMessage 问题

最近开发一个需求时遇到一个奇怪的问题：

有页面 parent.html

<body>
  <iframe src="./child.html" style="display: none" id="target"></iframe>
  <script>
    window.addEventListener('message', e => {
      // 加载完成
      document.querySelector('#target').style.display = 'block'
    })
  </script>
</body>

有页面 child.html

<body>
  <h1>Hello World</h1>
  <script>
    window.postMessage('加载完成', 'parent 所在域名')
  </script>
</body>

需要完成的功能是：child.html 加载完成之后，通知 parent.html 页面，parent 将 iframe 取消 display none 样式.

在 Chrome 浏览器上和 Safari 浏览器上均可实现目的，但是 firefox 上就是不行。在 firefox 上，iframe 的 display 样式不能为 none，否则 parent 就不能接收到 child 的 message。有点奇葩。。。

查了一圈资料，好像是 firefox 的 bug，但是还是没有搞清楚到底是什么情况，，有知道的 V 友，请求帮助。。感谢。