Skip to content

v0.13.0 — 检查器浮层:永远在视口里

Choose a tag to compare

@zhan-tz zhan-tz released this 16 Aug 18:19
· 6 commits to main since this release

用户报告:点击节点后的 运行/解释/上下文 弹窗锚在画布右下角,画布比视口高时弹窗在可视区外。采用用户的第二方案——固定大小、浮在最上层、不在画布里:

  • 检查器经 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 四产物回归全绿,零报错。