iter(g45): modal/drawer/image 打开时锁定背景滚动

2026-10-26 12:02:16 +08:00
parent 7437fed395
commit 0a0dc7a853
5 changed files with 28 additions and 3 deletions
@@ -705,5 +705,7 @@
    { "id": "g43", "title": "select/menu/popover/image 的 Esc 接入统一弹层栈", "motivation": "四个弹层组件各自监听 document 的 Esc：多层叠加（如 popover 内再开 image 预览）时一次 Esc 全部关闭，与 modal/drawer 的 pushOverlay 栈行为不一致", "acceptance": "四个组件展开期入 Esc 栈、收起即释放；多层叠加时 Esc 后进先出逐层关闭；焦点归还触发器；npm run check 全绿", "status": "done", "notes": "自补：一致性修复；复用 overlay.ts 的 pushOverlay 栈" }
  ,
    { "id": "g44", "title": "accordion 标题行方向键导航", "motivation": "标题是原生 button 只有 Enter/Space，行间移动要靠 Tab 逐个跳，与 tabs/tree 的 ↑↓/Home/End 键盘约定不一致", "acceptance": "↑↓ 在标题行间环形移动、Home/End 首尾直达，均跳过禁用行；焦点不在标题行不拦截；npm run check 全绿", "status": "done", "notes": "自补：可达性对齐；复用环形回绕取模模式" }
+  ,
+    { "id": "g45", "title": "modal/drawer/image 打开时锁定背景滚动", "motivation": "模态弹层开着时背景页面仍可滚动，长页面里滚动会带着遮罩底下内容跑；非模态弹层（select/menu/popover/tooltip）不受影响", "acceptance": "overlay.ts 新增 lockScroll 引用计数：嵌套叠加只由最后一层还原 body；modal/drawer/image 预览接入，关闭即解锁；npm run check 全绿", "status": "done", "notes": "自补：缺陷修复；引用计数避免多层同开时提前解锁" }
  ]
 }