harmonia list: the record sheet's title collapses to 0 height when the record's properties overflow the sheet

未关闭 适合新手
#8,570 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

@NicoleNG18 已经在做这个了。

开始于 2026年11月10日。

  • #8571 来自 @NicoleNG18 —— 未关闭

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
82/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
css, html, java
领域
frontend

调研方向

打开 template-application-ui-harmonia-java/ui/perspective/manage/list-view.html.template 第 616 行附近,查看 sheet body 的直接子元素,并检查是否还有其他子元素同时使用隐藏溢出和 flex 收缩。按建议为标题添加 shrink-0,然后验证内容溢出时标题仍然可见,且 sheet body 会滚动。

由索引模型根据 Issue 内容生成。

描述

Problem

In a generated Harmonia manage list, the record sheet (the drawer that opens on a row click) loses its title when the record's properties do not fit the sheet's height. The title is rendered with the right text, but its height collapses to 0 px.

Example (application shell, Store lens): Settings → Products → click a product. The sheet shows the fields but no "Продукт" title. Goods Receipts → click GR00000001 shows "Складов приход". The difference is not the entity. It is whether the content overflows:

Sheet Available height Content height Title height
Goods Receipt 643 px 643 px (fits) 26.5 px, visible
Product 699 px 728 px (overflows) 0 px, invisible

The same Product sheet keeps its title when there is more room (the standalone products app, a taller window). So any entity with many properties loses the title on a short enough screen.

Cause

template-application-ui-harmonia-java/ui/perspective/manage/list-view.html.template:616:

<div class="vbox min-h-0 flex-1 gap-4 overflow-auto p-4">
  <h2 x-h-text.h4 class="truncate" x-text="sheetTitle()"></h2>
  ...

The sheet body is a flex column with overflow-auto. The title carries truncate (overflow: hidden), so its automatic minimum height is 0. When the body overflows, the flex layout shrinks the title, which has the default flex-shrink: 1, all the way to 0 instead of scrolling.

Verified in the browser: setting flex-shrink: 0 on the h2 brings it back to 28 px and the body scrolls.

Suggested fix

Add shrink-0 to the sheet title (class="truncate shrink-0"). Check the other direct children of that body for the same overflow: hidden + shrinkable combination.

主要语言
Java
星标
278
派生
97
平均合并
12 小时 43 分钟
30 天内合并 PR
296

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

eclipse-dirigible/dirigible 的其他 Issue

查看 eclipse-dirigible/dirigible 的全部 Issue

相似的 Issue

更多 Java Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。