Emoji 行高调整 - 反馈

实验已暂停 :pause_button:

此主题专门用于收集反馈,主要关注正在进行的实验中的任何用户体验 (UX) 相关问题,在该实验中,表情符号不再影响“行高”,并且尊重用户在主题帖子、消息和聊天中的文本大小设置。
例如,您可以在此处找到一个示例… :slight_smile:

在最小的用户文本大小下进行实验(差异最大):

^ 在“例如,”之前似乎有一个换行符,而实际上没有。

为什么这是一个实验而不是简单的错误修复?

这可能是一个错误,但不同设备、浏览器和操作系统之间可能存在隐藏问题。例如,Safari 在特定数字和 font-size 组合下将 transform: scale(x) 的样式属性渲染为模糊,而 WebKit 的替代方案是 grow – 但此属性会给行高增加边距,不像更广泛采用的属性。此主题旨在捕获任何错误,然后再采用支持。

3 个赞

太好了! :slight_smile: 这些细节很重要。

我在不同的平台和浏览器上进行了一些测试;到目前为止看起来都不错!

关于将类似的逻辑应用于标题中的表情符号,怎么样?
我可以看到管理员正在自定义他们的主题并增大字体大小。

示例

chrome_1xAGEUEi88
chrome_GmCmJoVJ6c

1 个赞

这似乎与您有关 @tynaut

image

用户状态样式是否受到了此影响?

2 个赞

已确认。这已通过聊天功能得到修复。

但对于帖子/消息,我将寻找该选择器的修复方法。它需要足够宽,以便捕获动态 <li></li>(例如)或任何标记中的表情符号,但特别不捕获某些内容。

3 个赞

此实验目前已暂停/禁用 2024-01-02T06:00:00Z 直至可预见的未来,以诊断与 transform: scale(x) 属性相关的 Safari 渲染问题;表情符号在随机情况下可能会显得模糊,在一个帖子中它们可能渲染清晰,下一个帖子可能显得模糊,且没有可复现的模式。

通常情况下,渲染问题已在 Safari 中得到解决,但由于这种不一致性更难解决,此实验需要更一致的修复才能继续实施,并仍支持 Safari 版本的 webkit。我倾向于重新实现 webkit 的替代 grow 属性,专门用于 Safari。即使这会占用一部分行高,也可以缓解。

3 个赞