为移动端 topic-post 设置了最小高度的内联样式

我有一个主题,可以稍微改变移动设备上的帖子视图。现在我看到布局因 min-height 声明而变形,这些声明在滚动时被计算并作为内联样式注入:

例如,这里的帖子因为 min-height 而比应有的长:

我可以将帖子的 min-height 声明为 unset。从我目前看到的情况来看,这可以修复布局。但也许我遗漏了什么?我不明白为什么首先要进行这些计算?

2 个赞

我在 Discourse 中默认看不到这些计算……是某个主题或组件添加了它们吗?

啊,我明白了,当加载更多回复(并移除其他回复)时,它们会被添加到较长的主题中。

看起来当帖子在滚动时被隐藏时,我们会添加最小高度,所以我想我们是为了在内容从页面移除时防止滚动位置发生变化?

2 个赞

我认为这是最初添加高度计算的地方,https://github.com/discourse/discourse/commit/a77f5a75a1b8548b6c9b83afa67ab3aa3c6a70a1,这证实了它旨在帮助控制滚动跳跃。

要修复您的特定问题,似乎正在测量 .topic-post 的高度……在您的主题中,该 div 是否因为某种原因比其内部内容更高?我想知道为什么它似乎被错误计算了……

2 个赞