Nick Taylor

for The DEV Team

Posted on Feb 19, 2021 • Edited on Apr 6, 2022 • Originally published at iamdeveloper.com

Pairing with Community Member Jono Yeong

#devstream #pairprogramming #javascript

On February 17th, DEV Community member Jono Yeong joined Christina and I on the pairing stream to work on an issue related to wanting to render HTML tags as text.

Here is the issue that we were working on:

Certain characters, like angle brackets, show up incorrectly in some article previews #2204

kenbellows posted on Mar 25, 2019

Describe the bug When viewing the /comments view of an article, the first line and a half or so of the article is displayed. If that first bit contains inline code with angle brackets, e.g. if you wrote:

this is an article about `<span>` tags

this appears in the article preview as: "this is an article about <span> tags".

To Reproduce Steps to reproduce the behavior:

Go to 'https://dev.to/new'.
Enter minimal front matter, set `published: true, and enter:

this is an article about `<span>` tags

Save the article.
Navigate to {article URL}/comments.
Observe the <span> in the preview text.

Expected behavior I expect the preview to say "This is an article about <span> tags"

Screenshots Example from: https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i/comments

Desktop (please complete the following information):

OS: macOS Mojave 10.14.3
Browser: Chrome 72.0.3626.121, Opera 58.0.3135.107

View on GitHub

On this stream, we covered:

Debugging tools in the browser, which helped us solve the issue
Cross Site Scripting (XSS) mitigation -- a security in place that was causing the issue we were working on.
How to retain security best practices while still allowing this issue to be fixed.

![Pikachu looking through a magnifying glass](https://media.giphy.com/media/42wQXwITfQbDGKqUP7/giphy.gif)

Thanks again for coming on the stream, Jono!

You can also find the three of us all over the web here:

Jono:

Nick:

Christina:

Twitter

Looking forward to seeing you on future streams! If you're interested in pairing, fill out this form. We’d love to tackle an issue with you that the whole community could learn from!

P.S. Follow DEV on Twitch to be notified when future streams begin and catch old streams on YouTube