Mermaid的渲染问题：文字显示不全

[lyncmdos]

📦 部署环境

Docker

📦 部署模式

服务端模式(lobe-chat-database 镜像)

📌 软件版本

v1.79.8

💻 系统环境

Windows

🌐 浏览器

Edge

🐛 问题描述

如图，所有文字框的最后一个文字都渲染不全

📷 复现步骤

给出Prompt：
Mermaid的文本不使用markdown，不使用序号，每个文本尽量简短。
给出电子产品设计的Mermaid流程图

🚦 期望结果

修复渲染问题

📝 补充信息

尝试过Edge，Chrome两款浏览器，放大缩小网页，均无用。即使只有两个字，也会出现同样问题，字太多会直接截断后面的一些字。分辨率是1920x1080

[lobehubbot]

👀 @lyncmdos

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

📦 Deployment environment

Docker

📦 Deployment Mode

Server-side mode (lobe-chat-database mirror)

📌 Software version

v1.79.8

💻 System environment

Windows

🌐 Browser

Edge

🐛 Question description

As shown in the picture, the last text in all text boxes is not fully rendered

📷 Reproduction steps

Given Prompt:
Mermaid's text does not use markdown or serial numbers. Each text should be as short as possible.
Mermaid flow chart for electronic product design

🚦 Expected results

Fix rendering issues

📝 Supplementary information

I have tried Edge and Chrome browsers, and zoomed in and out of the web page, but it was useless. Even if there are only two characters, the same problem will occur. Too many characters will directly cut off some of the following characters. The rendering problem with the resolution is 1920x1080

[dosubot]

Hello @lyncmdos! I'm here to help you with bugs, answer your questions, and assist you in becoming a contributor. Feel free to let me know how I can assist you while you wait for a human maintainer!

在 Lobe Chat v1.79.8 中，Mermaid 渲染问题导致文字显示不全的情况可能与之前版本中已知的 Mermaid 渲染问题类似。之前在 v1.73.0 中，Gantt 图的渲染出现了内容压缩和渲染不正确的问题，这个问题通过更新 Mermaid 渲染配置得到了修复^[1]。

建议检查以下几点来解决这个问题：

1. 更新配置：查看是否有新的 Mermaid 渲染配置更新可以应用到当前版本。
2. 浏览器兼容性：虽然你已经尝试过不同的浏览器，但可以尝试清除浏览器缓存或使用无痕模式来排除缓存问题。
3. CSS 样式：检查是否有自定义的 CSS 样式影响了 Mermaid 的渲染，尤其是与文本框相关的样式。
4. Mermaid 版本：确认使用的 Mermaid 版本是否是最新的，或者是否有已知的渲染问题。

如果这些方法都无法解决问题，可能需要查看是否有相关的更新或补丁可以应用，或者在项目的 issue tracker 中查看是否有类似问题的解决方案。

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other}