新建待办弹层内容溢出无法滚动，取消/创建按钮点不到 #46

New Issue

2026-11-04T11:19:09Z

laoyang commented

2026-11-04 11:19:09 +00:00

现象

新建待办弹层字段加多后，整块内容超出屏幕且无法滚动，
底部「取消」「创建」按钮点不到，无法建单。

根因

弹层外层 Column({ space: 12 }) 只有 width('100%')，
没有高度约束，也没有 Scroll 容器。内容超屏时直接溢出，
超出部分既不可见也不可滚。

对比新建日程页（EventEditPage）：固定头 + Scroll + 固定底部，所以不会出这问题。

修复

参照日程页重构：

外层加 constraintSize({ maxHeight: '88%' })
标题行留在 Scroll 外（固定可见）
所有字段包进 Scroll，layoutWeight(1) 占剩余高度
「取消/创建」移出 Scroll，固定底部

提交：22d67e8

真机验证（设备 5NC0225B27004718）

验证项	结果
按钮在屏内	取消 `[56,2163][524,2301]`、创建 `[556,2163][1024,2301]` ✅
滚动前	附件、备注不可见（被裁）
上滑后	地点 1947→1536（上移 411px）、附件 1762 出现、添加文件 1764 出现、备注 TextArea 1851 出现 ✅
按钮固定	滚动前后取消/创建 y 都是 2163，位置不变 ✅
「取消」可点	点击后弹层关闭，回到主界面 ✅

为什么单独建单

弹层布局缺陷（内容溢出无法滚动），与 #45 待办投射功能无关，是独立的 UI 可用性问题

## 现象新建待办弹层字段加多后，整块内容超出屏幕且**无法滚动**，底部「取消」「创建」按钮点不到，无法建单。 ## 根因弹层外层 `Column({ space: 12 })` 只有 `width('100%')`， **没有高度约束，也没有 Scroll 容器**。内容超屏时直接溢出，超出部分既不可见也不可滚。对比新建日程页（EventEditPage）：固定头 + Scroll + 固定底部，所以不会出这问题。 ## 修复参照日程页重构： 1. 外层加 `constraintSize({ maxHeight: '88%' })` 2. 标题行留在 Scroll 外（固定可见） 3. 所有字段包进 `Scroll`，`layoutWeight(1)` 占剩余高度 4. 「取消/创建」移出 Scroll，固定底部提交：`22d67e8` ## 真机验证（设备 5NC0225B27004718） | 验证项 | 结果 | |---|---| | 按钮在屏内 | 取消 `[56,2163][524,2301]`、创建 `[556,2163][1024,2301]` ✅ | | 滚动前 | 附件、备注不可见（被裁） | | 上滑后 | 地点 1947→1536（上移 411px）、**附件 1762 出现**、**添加文件 1764 出现**、**备注 TextArea 1851 出现** ✅ | | 按钮固定 | 滚动前后取消/创建 y 都是 2163，位置不变 ✅ | | 「取消」可点 | 点击后弹层关闭，回到主界面 ✅ | --- ### 为什么单独建单弹层布局缺陷（内容溢出无法滚动），与 #45 待办投射功能无关，是独立的 UI 可用性问题

laoyang commented

2026-11-04 11:19:18 +00:00

验收记录

提交：22d67e8

改了什么

参照新建日程页（EventEditPage）的结构重构待办弹层：

外层 Column 加 constraintSize({ maxHeight: '88%' }) —— 内容多时不再顶出屏幕
标题行留在 Scroll 外，固定可见
所有字段包进 Scroll + Column，layoutWeight(1) 占剩余高度
「取消/创建」按钮移出 Scroll，固定底部

结构：固定头 → Scroll(字段) → 固定底部按钮

怎么验的（真机 5NC0225B27004718）

验证项	实测
按钮在屏内	取消 `[56,2163][524,2301]`、创建 `[556,2163][1024,2301]`
滚动前	附件/备注不可见（被裁但可滚）
上滑后	地点 1947→1536（上移 411px）；附件 y=1762、添加文件 y=1764、备注 TextArea y=1851 全部出现
按钮固定	滚动前后取消/创建 y 均为 2163，位置不变
取消可点	点击后弹层关闭，回到主界面

## 验收记录提交：`22d67e8` ### 改了什么参照新建日程页（EventEditPage）的结构重构待办弹层： 1. 外层 Column 加 `constraintSize({ maxHeight: '88%' })` —— 内容多时不再顶出屏幕 2. 标题行留在 Scroll 外，固定可见 3. 所有字段包进 `Scroll` + Column，`layoutWeight(1)` 占剩余高度 4. 「取消/创建」按钮移出 Scroll，固定底部结构：固定头 → Scroll(字段) → 固定底部按钮 ### 怎么验的（真机 5NC0225B27004718） | 验证项 | 实测 | |---|---| | 按钮在屏内 | 取消 `[56,2163][524,2301]`、创建 `[556,2163][1024,2301]` | | 滚动前 | 附件/备注不可见（被裁但可滚） | | 上滑后 | 地点 1947→1536（上移 411px）；**附件 y=1762、添加文件 y=1764、备注 TextArea y=1851 全部出现** | | 按钮固定 | 滚动前后取消/创建 y 均为 2163，位置不变 | | 取消可点 | 点击后弹层关闭，回到主界面 |

laoyang closed this issue

2026-11-04 11:19:19 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: laoyang/FamilyBook#46