[GH-ISSUE #4731] Mermaid rendering errors #13711

Closed
opened 2026-04-19 20:20:55 -05:00 by GiteaMirror · 1 comment
Owner

Originally created by @mike-stewart on GitHub (Aug 19, 2024).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/4731

Bug Report

Installation Method

Docker

Environment

  • Open WebUI Version: v0.3.13
  • Browser (if applicable): Chrome 127

Confirmation:

  • I have read and followed all the instructions provided in the README.md.
  • I am on the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs.
  • I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below.

Expected Behavior:

A prompt that generates mermaid syntax should be displayed as a mermaid diagram.

Actual Behavior:

The Mermaid diagram is momentarily displayed, then disappears.

Description

Bug Summary:
Rendering certain types of mermaid diagrams fails to display them.

Reproduction Details

Steps to Reproduce:

  1. Enter the following prompt, using gpt-4o: "Create a Mermaid pie chart to show the population of the USA broken down by age"
  2. The chat response will display a diagram for a moment, then it will disappear.

Logs and Screenshots

Screenshots/Screen Recordings (if applicable):

Screen recording:
https://github.com/user-attachments/assets/462cc646-2c9f-4b1f-ae98-acb4561b594c

Additional Information

Opening a new ticket here as it is slightly different from the closed issue #4535.

Sequence and ER diagrams seem to work for me, but pie charts do not.

Originally created by @mike-stewart on GitHub (Aug 19, 2024). Original GitHub issue: https://github.com/open-webui/open-webui/issues/4731 # Bug Report ## Installation Method Docker ## Environment - **Open WebUI Version:** v0.3.13 - **Browser (if applicable):** Chrome 127 **Confirmation:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I am on the latest version of both Open WebUI and Ollama. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. - [x] I have provided the exact steps to reproduce the bug in the "Steps to Reproduce" section below. ## Expected Behavior: A prompt that generates mermaid syntax should be displayed as a mermaid diagram. ## Actual Behavior: The Mermaid diagram is momentarily displayed, then disappears. ## Description **Bug Summary:** Rendering certain types of mermaid diagrams fails to display them. ## Reproduction Details **Steps to Reproduce:** 1. Enter the following prompt, using gpt-4o: "Create a Mermaid pie chart to show the population of the USA broken down by age" 2. The chat response will display a diagram for a moment, then it will disappear. ## Logs and Screenshots **Screenshots/Screen Recordings (if applicable):** Screen recording: https://github.com/user-attachments/assets/462cc646-2c9f-4b1f-ae98-acb4561b594c ## Additional Information Opening a new ticket here as it is slightly different from the closed issue #4535. Sequence and ER diagrams seem to work for me, but pie charts do not.
Author
Owner

@tjbck commented on GitHub (Aug 19, 2024):

Should be fixed on dev!

<!-- gh-comment-id:2296854976 --> @tjbck commented on GitHub (Aug 19, 2024): Should be fixed on dev!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#13711