The display issues of Markdown format output

[Wystan0608]

Self Checks

• [x] This is only for bug report, if you would like to ask a question, please head to Discussions.
• [x] I have searched for existing issues search for existing issues, including closed ones.
• [x] I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
• [x] [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:)
• [x] Please do not modify this template :) and fill in all the required fields.

Dify version

1.1.3

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

The output is in the form of a Markdown table, but due to the limited width of the dialog box, it cannot be fully displayed

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

[crazywoola]

Do you have a screenshot or something?

[dosubot[bot]]

I found a similar open issue related to the display of Markdown tables in Dify version 1.1.3 when self-hosted with Docker. The issue is that the table content exceeds the width of the dialog box and lacks a scrollbar. The suggested solution is to modify the CSS to make the table scrollable horizontally. You can apply the following CSS modification:

.markdown-body table {
    border-spacing: 0;
    border-collapse: separate;
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--color-divider-regular);
    border-radius: 8px;
}

After making this change, you need to rebuild the frontend service and clear your browser cache for the changes to take effect ^[1].

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}

[zhaodesong]

look the end of https://github.com/langgenius/dify/issues/15560 add the following at the end of the ep/app/stayles/globals.css file:

div.h-full.grow {
  overflow: hidden;
}

Then rebuild the web module's image and modify the docker-compose.yaml file to use your own image instead of the official one. I have tried it and it works well.