当打开过的项目数量较多后,项目切换下拉列表超出屏幕高度且无法滚动,底部的项目无法看到、无法选中,导致无法继续打开/切换到新项目。
下拉列表应有 max-height 并支持滚动(overflow-y: auto),保证任意数量项目均可选中。
列表不可滚动,超出部分被截断(列表一直延伸到屏幕底部,baoke 之后的项目看不到,见报告者截图)。
已定位并修复,PR:Octopus/octopus#5715
根因:首页项目切换器(packages/app/src/components/prompt-project-selector.tsx)的下拉列表容器与两个 server 子菜单均无 max-height / overflow-y 约束,项目超过一屏时列表溢出视口且不可滚动。
packages/app/src/components/prompt-project-selector.tsx
修复:列表容器与子菜单加 max-h-[60vh] + overflow-y-auto,任意数量项目均可滚动选中;附带 2 个回归测试(先 FAIL 后 PASS 验证)。
max-h-[60vh]
overflow-y-auto
合并后随下个版本发布。
No dependencies set.
The note is not visible to the blocked user.
环境
问题描述
当打开过的项目数量较多后,项目切换下拉列表超出屏幕高度且无法滚动,底部的项目无法看到、无法选中,导致无法继续打开/切换到新项目。
复现步骤
期望行为
下拉列表应有 max-height 并支持滚动(overflow-y: auto),保证任意数量项目均可选中。
实际行为
列表不可滚动,超出部分被截断(列表一直延伸到屏幕底部,baoke 之后的项目看不到,见报告者截图)。
已定位并修复,PR:Octopus/octopus#5715
根因:首页项目切换器(
packages/app/src/components/prompt-project-selector.tsx)的下拉列表容器与两个 server 子菜单均无 max-height / overflow-y 约束,项目超过一屏时列表溢出视口且不可滚动。修复:列表容器与子菜单加
max-h-[60vh]+overflow-y-auto,任意数量项目均可滚动选中;附带 2 个回归测试(先 FAIL 后 PASS 验证)。合并后随下个版本发布。