v0.13.0 — 检查器浮层:永远在视口里
用户报告:点击节点后的 运行/解释/上下文 弹窗锚在画布右下角,画布比视口高时弹窗在可视区外。采用用户的第二方案——固定大小、浮在最上层、不在画布里:
- 检查器经 react-dom portal 挂到 document.body,position:fixed 锚定视口右下(16px 边距),z-index 2147480000——画布任意缩放/平移/滚动都不影响其可见性
- 卡片自带 max-height: calc(100vh - 32px) 内部滚动,小屏也不溢出
- IntersectionObserver 监视画布:滚出视野时浮层自动隐藏,不会悬在无关内容上
- react-dom 不可用时回退旧的画布内 absolute 定位
实测(playwright):卡片 parentElement===document.body、computed position=fixed、right/bottom=16、四边全在视口内、Preview/Run/Explain/Open 按钮齐全;MDC 引文、本对话引文、dz 四产物回归全绿,零报错。