React/CytoscapeJS弹窗功能故障排查求助

背景 #

我正在为OSS Dash的回调图调试器开发独立弹窗功能，目标是让CytoscapeJS调试器脱离主Dash/React应用在独立窗口运行。原功能是Dash页面内的div/graph，前端基于React构建，通过Redux存储的状态生成调试数据传入react-cytoscapejs组件。目前已用window.open+createPortal实现了容器迁移到新窗口的需求。

已解决的问题 #

• 样式缺失：通过复制应用样式完成修复
• 部分交互失效：将CytoscapeJS事件绑定从window改为容器，暂时满足测试需求

当前遗留的异常场景（疑似与浏览器渲染优化相关） #

• 最大化新窗口时，画布上的图形消失，缩小窗口后可恢复显示
• 将新窗口移至其他屏幕/虚拟桌面时，更新、交互全部停止，移回原位置后恢复正常
• 新窗口未最大化且未覆盖原应用窗口时，完全没有视觉更新；将原应用窗口置于下方后，更新恢复正常

已完成的排查验证 #

• 确认window.open/createPortal配置无问题：额外添加的计数器组件在所有场景下都能正常更新
• Alt+Tab切换窗口可触发新窗口更新，排除鼠标事件或活动追踪类问题
• 图形视觉停止更新/消失时，布局修改、节点搜索等后台功能仍在运行，下次触发更新（比如调整窗口大小）时，之前的修改会一次性显示出来
• 验证所有场景下props和状态都已正确更新并传入react-cytoscapejs组件，推测问题根源在CytoscapeJS本身
• 不同浏览器的表现差异：
  • Chrome：最大化时完全不显示图形；跨屏/未覆盖原应用时图形冻结、交互延迟；只有窗口非最大化且覆盖原应用时，才会出现NeedDraw日志
  • Firefox：最大化时能正常显示图形；跨屏/未覆盖原应用时交互极慢，且每次交互耗时翻倍，切回主应用后重置；NeedDraw日志延迟输出

核心疑问 #

为什么react-cytoscapejs组件在新窗口未覆盖原应用或**新窗口遮挡原应用（最大化）**这两种场景下，会停止视觉更新？

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