Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Markdown - Mermaid content doesn't render on page refresh #1121

Closed
joepavitt opened this issue Jul 24, 2024 · 1 comment · Fixed by #1143
Closed

UI Markdown - Mermaid content doesn't render on page refresh #1121

joepavitt opened this issue Jul 24, 2024 · 1 comment · Fixed by #1143
Assignees
Labels
bug Something isn't working size:M - 3 Sizing estimation point

Comments

@joepavitt
Copy link
Collaborator

Current Behavior

When refreshing the browser, any mermaid content is rendered as raw markdown, instead of a rendered mermaid chart.

Expected Behavior

The mermaid chart should still render as an actual chart after a page refresh

Steps To Reproduce

  1. Add a ui-markdown node
  2. Paste in the below "Example Mermaid" content
  3. View the Dashboard
  4. Refresh the Dashboard

Example Mermaid

graph TD;
A-->B;
A-->C;
B-->D;
C-->E;

Environment

  • Dashboard version:
  • Node-RED version:
  • Node.js version:
  • npm version:
  • Platform/OS:
  • Browser:

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

@joepavitt joepavitt added bug Something isn't working needs-triage Needs looking at to decide what to do size:M - 3 Sizing estimation point and removed needs-triage Needs looking at to decide what to do labels Jul 24, 2024
@buschhardtt
Copy link

My workaround is:

  • add Inject-Node with one time injection after 0.1 sec

joepavitt added a commit that referenced this issue Jul 30, 2024
…nt-render-issue

Fixed issue #1121: Update the UI after the component is fully mounted
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working size:M - 3 Sizing estimation point
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants