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

Mermaid Rendering #592

Closed
3 tasks done
BinaryTechLabs opened this issue Jun 2, 2022 · 3 comments
Closed
3 tasks done

Mermaid Rendering #592

BinaryTechLabs opened this issue Jun 2, 2022 · 3 comments

Comments

@BinaryTechLabs
Copy link

BinaryTechLabs commented Jun 2, 2022

Checklist

  • I have read the tutorials and know the correct effect of the functional design.
  • There are no similar reports on existing issues (including closed ones).
  • I found the bug on the latest code of the master branch.

Describe the bug

When using the mermaid diagrams generation tool in a post, it will not render until you change the theme from either dark to light or the reverse, until then it just displays the actual code.

To Reproduce

Steps to reproduce the behavior:

  1. Install a mermaid block of code in your post, I used;
flowchart LR

A(Product) --> B{Product Testing}
B --> C[Pass]
B --> D[Fail]
D -->|Re-Test| B
C --> E{Application}
E --> F[Pass]
E --> G[Fail]
G -->|Re-Apply| E
F -->|Receive| H(Certificate)
Loading
  1. publish the post
  2. see that it does not render until you change the theme color mode

Expected behavior

I would have thought it would render the image on post load

Screenshots

  • not applicable

Environment

Command Version
ruby -v ruby 2.7.0p0 (2019-12-25 revision 647ee6f091) [x86_64-linux-gnu]
gem -v 3.1.2
bundle -v Bundler version 2.1.4
bundle exec jekyll -v Could not locate Gemfile or .bundle/ directory
bundle info jekyll-theme-chirpy Could not locate Gemfile or .bundle/ directory

Desktop

  • OS: Linux [5.13.0-44-generic 20.04.1-Ubuntu SMP Wed May 18 18:44:28 UTC 2022 x86_64 x86_64 x86_64 GNU/Linux]
  • Browser: [Chrome]Version 101.0.4951.64 (Official Build) (64-bit)

Smartphone

  • not applicable

Additional context

  • not applicable
@github-actions
Copy link

github-actions bot commented Jun 2, 2022

👋 Hi @BinaryTechLabs,

This issue is being automatically closed because it does not follow the issue template. Please DO NOT open another similar issue, try to edit the current issue according to the template, then it will be reopened automatically.

@BinaryTechLabs
Copy link
Author

BinaryTechLabs commented Jun 2, 2022

Code without md formatting for the mermaid block, in case it's needed;
flowchart LR

A(Product) --> B{Product Testing}
B --> C[Pass]
B --> D[Fail]
D -->|Re-Test| B
C --> E{Application}
E --> F[Pass]
E --> G[Fail]
G -->|Re-Apply| E
F -->|Receive| H(Certificate)

@BinaryTechLabs
Copy link
Author

sorry, missed #536

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant