_{GIF by @deveerei}

I have encountered an issue with Utopian.io when making a contribution. This is when using 'code' tags:

• ```
• <code>

In the drafts (/write?draft=xxxxx) page, your post preview appears after the text box for your post's body. When I tried using code tags, I encounter issues with the preview not reading the tags properly therefore it shows a messed up preview instead.

This happens when you have multiple sets of lines inside multiple code tags.

I made sure that the code tags were properly placed, the opening and closing, but the preview will not detect the closing tag. Instead it will make everything after the first opening tag 'coded':

_{Screenshot from Utopian.io}

You can read the notes on my screenshot above. As you can see the "First Update of the Read Me File after the fork" should not be in codes, yet it is.

Another issue in the preview will be noticed at the very end. Since the closing tags aren't recognized at all, the opening tags are being read on top of each other, thus making it a code inside a code:

_{Screenshot from Utopian.io}

I tested the codes in a different markdown environment: Steemit.com and it works fine on the preview there. As you can see the first set of codes is separated from the second set:

_{Screenshot from Steemit.com}

Even the end of my post is being shown correctly:

_{Screenshot from Steemit.com}

So I deducted that my codes are right and there's something wrong with the preview.

Therefore, I posted it without any hesitation and waited for the actual post to be published to check if it will be messed up as well. And here's what I found out:

_{Screenshot from Utopian.io}

That's how the first set of codes and the second set of codes are separated and here's how the end of my post looks like:

_{Screenshot from Utopian.io}

Therefore, there's no issue with my codes and it is indeed a bug on Utopian.io's preview of your contribution's draft.