# 最新更新后，RTL 语言的 UI 布局出现故障

**URL:** https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434
**Category:** Bug
**Tags:** ux, rtl
**Created:** [2025年五月23日 23:16 UTC](https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434 "2025-05-23T23:16:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![serkhelesheyi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/serkhelesheyi/32/497726_2.png) [@serkhelesheyi](https://meta.discourse.org/u/serkhelesheyi)
#### Post date: [2025年五月23日 23:16 UTC](https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434/1 "2025-05-23T23:16:48Z")

</div>

![Slack 界面显示了主题类别，例如“我的主题”、“常规”和“DMS”，以及一个标记为“默认”的下拉菜单。（由 AI 标注）](https://global.discourse-cdn.com/meta/original/4X/f/4/5/f45c3e6d477a6da254991e68b4ea977f525d8796.png)  
 ![此图像显示了两个用户之间的阿拉伯语讨论，其中一个询问书籍设计，另一个就使用第三方软件为 Microsoft Word 设计书籍封面提供建议。（由 AI 标注）](https://global.discourse-cdn.com/meta/original/4X/c/0/8/c08314e2d8abb81815143a051d24ffac60c3b2cd.jpeg)  
 ![该图像是数字聊天平台的屏幕截图，其中包含由用户“내말씨”（聊天版主）主持的阿拉伯语对话，并包含由“Staff”组织的有关帮助防止虚假信息传播的说明，其中包含各种表情符号和图标。（由 AI 标注）](https://global.discourse-cdn.com/meta/original/4X/2/4/3/243ef8def5ec5b9a9cae9cd44c9e95da09aa3c6f.jpeg)

我在今天更新到最新版本后，我的 Discourse 实例出现了严重的 UI 布局问题。

当用户界面语言设置为波斯语（RTL）时，整个布局看起来是损坏和混乱的。各种 UI 组件重叠、错位，并且总体渲染不正确。我附上了一张截图以清楚地说明这个问题。

但是，当我将用户界面语言切换到英语时，布局可以完美渲染，没有任何问题。这强烈表明问题特定于波斯语本地化或其与更新的 Discourse 核心的交互。

我已经尝试了基本的故障排除步骤，例如清除浏览器缓存和在不同浏览器上进行测试，但在选择波斯语时问题仍然持续存在。

您能否调查一下这个问题？  
谢谢。

---

<div class="post-metadata">

### Author: ![serkhelesheyi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/serkhelesheyi/32/497726_2.png) [@serkhelesheyi](https://meta.discourse.org/u/serkhelesheyi)
#### Post date: [2025年五月26日 06:33 UTC](https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434/4 "2025-05-26T06:33:36Z")

</div>

为了进一步阐明问题，我已在附件截图中进行了标注。您可以在 mobahasah.ir 上亲眼观察到这些问题。

如图所示，当界面语言设置为波斯语（RTL）时，DiscoTOC 生成的目录会显示不正确，同时显示目录和时间线。此外，Google 字体组件也无法正常工作。

此外，应用不同的主题无法完全渲染；例如，主论坛的背景颜色保持不变。所有这些问题在将用户界面语言切换到英语后均得到解决。

 ![The image shows a enlarged section of text from a source account in Arabic, overlaid with green highlighting and directional arrows. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/d/b/cdb51dae66a9d2cdb511a5e0dc9c5e5996aa64f3.jpeg)

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [2025年五月27日 01:00 UTC](https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434/7 "2025-05-27T01:00:26Z")

</div>

嘿 @serkhelesheyi

此问题应已通过 [FIX: Serve RTL CSS for themes and components (#32916) · discourse/discourse@1de8960 · GitHub](https://github.com/discourse/discourse/commit/1de8960d2a57ff7e9ca76dd7f21d1fa7382da036) 解决。您能否再次更新您的站点并确认问题已修复？

---

<div class="post-metadata">

### Author: ![serkhelesheyi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/serkhelesheyi/32/497726_2.png) [@serkhelesheyi](https://meta.discourse.org/u/serkhelesheyi)
#### Post date: [2025年五月27日 10:33 UTC](https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434/9 "2025-05-27T10:33:00Z")

</div>

是的，非常感谢你，Osama，感谢你的努力。问题已经解决了。

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [2025年六月2日 00:00 UTC](https://meta.discourse.org/t/ui-layout-broken-for-rtl-language-after-latest-update/367434/10 "2025-06-02T00:00:07Z")

</div>

此主题在 5 天后被自动关闭。 新回复不再被允许。
