Why are emojis not working in Chrome Extension popups?

Question

In the extension popup HTML I have placed an emoji, like this:

<div> <input id="user_input" autofocus> </div

But when I open the extension popup, this shows up:

I'd really like to use emojis in the extension HTML document. I there a way to get around this issue?

Your code works for me so I'm inclined to think you didn't save it in UTF-8 or there's a bug in Chrome. — wOxxOm, Mar 10 '19 at 20:05

score 9 · Answer 1 · answered Sep 09 '19 at 21:01

9

Adding

<meta charset='UTF-8' />

in <head></head> block fixed it for me.

answered Sep 09 '19 at 21:01

Nokados

score 3 · Accepted Answer · answered Mar 11 '19 at 19:26

3

Saving the file as UTF8 with BOM fixed it.

answered Mar 11 '19 at 19:26

Matic Jurglič

2 Answers2