Emojis break replit

Problem description:
When trying to insert a unicode emoji into HTML, replit will either do nothing and the emoji won’t show, the emoji will appear but immediately disappear when trying to move the cursor. Often, trying to insert an emoji cause replit to freak out and randomly delete or move text and move the cursor to a random position.

Expected behavior:
:grinning:Display an emoji normally on HTML webpage and have it visible in the ide.

Actual behavior:
Emoji does not appear and replit might move the cursor, delete random characters, or move random characters.

Steps to reproduce:
Copy paste an emoji or using the windows 10 emoji picker (WIN+.) into HTML

Browser/OS/Device:
Windows 10
Vivaldi

Hey, @Colind8 welcome to the forums!

I am unable to repro this
image
image

1 Like

I typed an emoji using the Windows 10 emoji picker like you said and could not repro this

image

1 Like

The way I’m trying to insert emojis is with the unicode emojis themselves. They do not paste as that a code and haven’t when it still worked.

Also where can I find those codes?

1 Like

I just googled and went to w3schools.

1 Like

Ok. I figured out the issue. It is not an issue caused by replit itself but instead was an extension called twemoji that was causing it to bug out. Excluding replit from its powers fixed the issue.

In hindsight I probably should’ve started with that…

4 Likes

You should still avoid writing emojis directly into the HTML since many browsers will not render them properly. You should always use escape codes like @not-ethan did.

3 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.