Firefox弹窗中Web Component添加到DOM后失效问题求助

TLDR #

在Chrome/Edge浏览器中，将Web Component添加到弹窗内可正常工作；但在Firefox中，Web Component添加到DOM前功能正常，添加后会退化为HTMLElement，内部方法无法被识别。

问题场景 #

• 开发了一款双屏应用，主窗口为编辑器，可选弹窗作为预览窗口，多数自定义控件使用Web Component实现。

问题详情 #

• 在Chrome/Edge中该场景运行正常，但Firefox存在异常。通过在组件连接时检查this.constructor.name（示例组件名为"SayHello"），发现Firefox弹窗内的Web Component在通过appendChild添加到DOM后，不再被识别为SayHello，而是变为HTMLElement，导致内部方法失效，组件无法正常工作。

求助 #

请求查看示例代码，提供该问题的解决方案或临时workaround。

更新 #

已在Firefox提交Bug，Bug编号：1893321

内容的提问来源于stack exchange，提问作者mattlag