4de25d3f1b
fix(web): 让长演讲者备注在 presenter 视图里滚动而非裁切 (#6271) (#6314)
问题:.presenter 视图里 .notes 这个 aside 作为 body 的 grid item 默认
min-height: auto,不收缩;body 的隐式 grid row 也 auto,跟着内容撑。
当备注文字到几百词时,.notes 把 body row 撑过 viewport,而 body
{ overflow: hidden } 直接切掉底部,.notes-body { overflow: auto }
永远不触发 —— 用户看不到下面的备注,也没有滚动条 (#6271)。
修复:
1. body 加 grid-template-rows: minmax(0, 1fr),把 implicit row 锁到
viewport 高度,row 不再随内容增长。
2. .notes 加 min-height: 0,让 grid item 在 bounded row 里可以收缩,
.notes-body { overflow: auto } 才能真正生效。这跟 .stage 已有的
min-height: 0 模式对称。
回归测试:在 speaker-notes.test.ts 加一个 describe,80 行 ~800 词的
备注塞进 buildSpeakerNotesPresenterHtml,断言:
- body 的 CSS 里包含 grid-template-rows: minmax(0, 1fr)
- .notes 的 CSS 里包含 min-height: 0
- .notes-body 仍然带 overflow: auto
- 完整长备注文本被原样写入 od-presenter-data
锁住这几个不变量,后续 refactor 不会再让长备注被静默裁切。
Co-authored-by: Ray Xi <2667192167@qq.com>
2026-08-07 07:54:30 +00:00
..
2026-08-06 19:51:33 +08:00
2026-07-30 02:00:56 +00:00
2026-08-07 07:48:50 +08:00
2026-08-05 08:31:54 +08:00
2026-08-07 07:18:09 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-06 07:57:25 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-06-04 09:00:20 +00:00
2026-05-21 15:37:48 +08:00
2026-07-17 09:50:05 +00:00
2026-08-05 08:31:54 +08:00
2026-08-07 07:54:30 +00:00
2026-08-06 07:57:25 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-07-13 07:59:21 +00:00
2026-08-05 08:31:54 +08:00
2026-07-30 04:12:26 +00:00
2026-06-04 11:58:12 +00:00
2026-06-19 15:01:22 +00:00
2026-07-08 06:09:26 +00:00
2026-07-08 06:09:26 +00:00
2026-05-12 22:32:42 +08:00
2026-05-12 22:32:42 +08:00
2026-07-06 08:57:03 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 11:41:30 +00:00
2026-08-06 18:47:07 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-06-09 17:04:11 +00:00
2026-06-09 17:04:11 +00:00
2026-08-06 18:48:51 +08:00
2026-06-25 03:56:14 +00:00
2026-06-25 03:56:14 +00:00
2026-07-02 09:29:28 +00:00
2026-07-14 08:46:04 +00:00
2026-07-27 14:02:48 +00:00
2026-06-04 16:06:22 +00:00
2026-05-19 18:27:05 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-07-22 08:45:24 +00:00
2026-07-08 06:09:26 +00:00
2026-07-08 06:09:26 +00:00
2026-07-08 06:09:26 +00:00
2026-07-08 10:48:52 +00:00
2026-07-08 06:09:26 +00:00
2026-07-08 06:09:26 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-06-25 03:56:14 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-06 18:47:07 +08:00
2026-06-25 03:56:14 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-06 06:24:19 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 07:12:33 +00:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00
2026-08-05 08:31:54 +08:00