Quotation marks and other symbols are incorrectly rendered

[obvious-hugh-mann]

Requirements

• This is a bug report, and if not, please post to https://lemmy.ml/c/lemmy_support instead.
• Please check to see if this issue already exists.
• It's a single bug. Do not report multiple bugs in one issue.
• It's a frontend issue, not a backend issue; Otherwise please create an issue on the backend repo instead.

Summary

Quotation marks and other symbols, when typed in the title of a spoiler tag, show up as broken HTML entities.
This only happens on the normal website. Other Lemmy UIs (Tesseract, old-reddit style, Photon, Alexandrite) are not affected.

Examples of characters:
" becomes "
& becomes &
< becomes <
> becomes >

---

In this section, the bug is happening in a post.

Editing:

Previewing:

Posted:

---

In this section, the bug is happening in a comment.

Editing:

Previewing:

Posted:

Steps to Reproduce

1. Create a new post or comment
2. Add a spoiler tag
3. Type any of the affected symbols (they are " & < > or the double quote, ampersand, less-than, greater-than) in the title of the spoiler (not the inside content)
4. Click "Preview" or "Post"
5. The symbols will be replaced with their HTML synthesis sequences

Technical Details

I first noticed this bug on the sh.itjust.works instance, using Firefox on desktop Linux.

I also tested on other browsers and other instances.

Browsers tested:

• Firefox
• Librewolf
• Chromium
• Brave
• Mullvad Browser
  (all browsers on desktop Linux)

Instances tested:

• sh.itjust.works
• lemmy.world
• lemmy.blahaj.zone
• lemmy.dbzer0.com
  (all instances with normal web UI)

The error always appeared on the normal web UI, but never on alternate UI.
UIs tested:

• Tesseract (tesh.itjust.works)
• old.lemmy.world
• Photon (photon.lemmy.world)
• Alexandrite (a.lemmy.world)
  (none of these have the error)

Lemmy Instance Version

0.19.11

Lemmy Instance URL

sh.itjust.works

[dessalines]

Would be a good first issue for someone.