取消全屏后 iframe 宽度计算不准确

阅读次数 59

描述: 我的页面布局如截图所示,文档加载到 B 区域;当点击咱们文档页面右下角的全屏后,再点击取消全屏;这时候文档最外层的 iframe 宽高计算成我的整个页面的宽高,而不是我期待容器的宽高。

问题: 截图中B区域中咱们文档内容区域右下角的工具栏以及我的内容区域被裁切了(我的B区域容器设置了 overflow: hidden;) ;如果触发到页面的 resize 事件,这时候工具栏就能正常显示

期望: 能否暴露一个文档的 resize 事件,用户也能够自己控制resize 重新计算内容区域

image.png

1 Answers

文档是宽度是根据mount节点自适应的,有针对mount dom做ResizeObserver监听。

  • 正常情况无需开发者额外处理,以为本身mount节点的变化,sdk就能知道。
  • 文档内部容器为flex布局,浏览器重绘也是自适应宽度,无需通过resize来计算宽度

image.png


这里需要你确认一下, B区域(文档容器)宽度是否本身就超出了浏览器右侧,只是你使用overflow:hidden导致无横向滚动条?

了解了。 页面中AB区域的外部容器用的是flex布局,B区域是用flex:1; 既然有针对mount dom做ResizeObserver监听,我再继续排查一下,感谢回复! :)