Graphiql app shows extra garbage characters

Question

I recently deployed the graphiql web app onto an embedded device that I work with and the page is marked up with extra accented "A" characters. What could be causing this?

Details:

• This happens in both Linux Chromium and Windows Chrome. Linux Firefox has the characters in the left pane, but not the right.
• The cursor is followed by an "A" that blinks in unison with the cursor.
• There are no errors in the console.
• graphql version is 0.11.11.
• Server is Erlang Cowboy with shopgun/graphql

edit:

• All instances of Â seem to show up beside a  , as in  
• Possibly related to HTML encoding issues - "Â" character showing up instead of " "

Answer 1

It turns out the response did not specify charset=utf-8, hence the default of ISO-8859-1 was assumed and caused the problem. Adding charset=utf-8 fixed everything.