网格溢出 form 275/258 → 258/258
网格溢出 tooltip 261/258 → 258/258
本地全量扫 EXIT=0(新增溢出 0 / 新增内容丢失 0)
GitHub CI 当前 红,只红在这两行没删
1. 卡片特写(最关键的两张,先看这个)
改后状态。左:tooltip 的「Custom Content Slot」demo,那个常开气泡;右:form 的「Basic validation」demo。 要判的是「文字有没有被切掉、看不看得完整」。
| 页 | 改前实测 | 改后实测 | 眼验 |
|---|---|---|---|
| tooltip | 气泡 div.tooltip-box 261 vs 卡片 258,超出 3px |
卡片可横滚,网格 258/258 归零 | 气泡文字「(Required) Hover to read full description」完整;只有圆角贴到卡片边;垂直方向未被裁 |
| form | div.tvu-form 最小宽 258 > 卡片内容区 224,Port 的「+」被切掉 |
卡片可横滚,网格 258/258 归零 | 「+」改前就已经看不到,改后可以滑到;其余控件未变形 |
2. 实时页面(dev server,已应用这次改动)
下面两个框宽度锁死 390px,就是手机档。可以在框里滚动、hover 触发气泡,验证真实交互。 这是当前工作树的实时状态(改动已应用,尚未提交)。
3. 整页 before / after
完整长图,可在框内滚动。改动只在 demo 卡这一层,其余版式不受影响。




4. 为什么要改它
| 项 | 内容 |
|---|---|
| 起因 | GitHub 的 docs-overflow 检查从 09-04 起每次都红。第一个原因是超时预算过期(已修)。修好后露出第二个原因就是这两行。 |
| tooltip 那行的真相 | 债务表里写的理由「栅格轨道撑破容器」对 tooltip 是错的。实测轨道 258 = 容器 258 没撑破,溢出的是常开气泡 3px。3px 是字体度量级别的差,所以它在 mac 上触发、在 Linux runner 上不触发,守卫在两台机器上给出相反结论,CI 因此恒红。 |
| 修法出处 | 沿用你 2026-08-20 签核过的那条路「让 demo 卡自己横滚」,往下推一层:只对 --wide 卡、只在 ≤640 手机档。宽屏完全不受影响。 |
| 已知代价 | overflow-x 会连带把 overflow-y 升成 auto,卡片外的浮层可能被裁。已逐页眼验:tooltip 那个气泡画在卡片内部,垂直没被裁。 |
| 回滚 | 删这条 CSS 规则 + 把测试表里那两行加回去。一条命令的事。 |
要你答一个字。
答 OK → 我带
答 不行 → 我把改动从工作树撤掉,停在超时预算那一步,CI 那格如实留红。
规则逐字「AI 仍不得自设本变量:合批减少的是『问几次』,不是『谁来批』」,所以这一步只能你来。
VISUAL_COMMIT_APPROVED=1 提交推送,GitHub 的 docs-overflow 转绿。答 不行 → 我把改动从工作树撤掉,停在超时预算那一步,CI 那格如实留红。
规则逐字「AI 仍不得自设本变量:合批减少的是『问几次』,不是『谁来批』」,所以这一步只能你来。