Code blocks are not styled correctly

Prerequisites

• Put an X between the brackets on this line if you have done all of the following:
  • Checked the Fractal Documentation for information about your issue: https://fractal.build/guide
  • Checked that your issue isn’t already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Afrctl

Description

Code blocks are not rendered correctly.

Steps to Reproduce

1. Create a markdown file in src/docs with a code block, similar to the following (note that ‘’’ is used in place of the backtick, since I’m writing in github):

'''html
<script src="../../dist/js/<Library-Name>.js" type="text/javascript"></script>
<script>
  function initialize() {
    <Library-Name>.show();
  }

  $(document).ready(function() {
    initialize();
  });
</script>

<div style="max-width: 600px" id="content" />
'''

1. Load fractal using yarn start.
2. Navigate to the created markdown document.

Expected behavior: It should render the code block as an actual block, similar to:

Actual behavior: It does not render the code block correctly, instead rendering inline code:

Reproduces how often: I am able to reproduce all of the time. However, if I revert commit https://github.com/frctl/fractal/commit/6b4506a2fb0dad94360e885c0e70ea5bc144fe42 it does not reproduce.

Reduced test case: (if relevant) - this might be a link to a gist of your fractal.js file, or a git repo for more complex issues

My fractal.js file:

https://gist.github.com/jwir3/c3806e0d7bdcc12f51c54ad1e138b112

Versions

• What version of Fractal are you running? I have tried with 1.2.0 and 1.2.1.-beta.1
• What version of Node.js are you running? (run node -v) v8.10.0

[jwir3]

It appears I don’t have permission to reopen this issue. Can you reopen it?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.