Some profession emojis don't match about emoji-regex HOT 12 CLOSED

Actually the thing is, emoji.json in gemoji doesn't include \ufe0f character at the end of such emojis. I don't know if that's an error in the data, but browsers and OS seem to render the emoji just fine without that character, however emoji regex separates the base from gender sequence.

Is this in the unicode spec, that emojis should be rendered correctly without fe0f, or browsers/OS trying their best?

from emoji-regex.

Can you post a code sample to reproduce the issue please? It seems to work for me:

const string = '\u{1F477}\u200D\u2640\uFE0F'; // '👷‍♀️'
console.log(string.match(emojiRegex())[0] === string);
// true

from emoji-regex.

I want to replace the matched emoji by wrapping it with an element. So my case is like this:

const text = '👷‍♀️'; // '\u{1F477}\u200D\u2640\uFE0F'
const replacedText = text.replace(emojiRegex(), (m) => {
   return '<span>' + m + '</span>';
});
console.log(replacedText);
// '<span>👷</span>♀'

it separates the zwj sequences and matches just with 👷

from emoji-regex.

Which version of emoji-regex are you using? Your example works as expected in the latest version.

from emoji-regex.

Using v6.5.1. But I guess the problem is our emoji list which we got from gemoji When I converted the emojis to unicode, I realised that they don't include the gender part. I updated them with the correct ones, and the problem is solved.

Sorry for the hassle and thanks for your effort!

from emoji-regex.

emoji regex separates the base from gender sequence

Please provide a code example so I can reproduce this problem. The example in #27 (comment) seems to work fine.

from emoji-regex.

const text = "\u{1F477}\u200D\u2640";
console.log(text);
//> 👷‍♀️

const replacedText = text.replace(emojiRegex(), m => `<span>${m}</span>`);
console.log(replacedText);
//> <span>👷</span>♀

from emoji-regex.

That’s the same example as before? It works as expected for me in the latest version: #27 (comment)

from emoji-regex.

Not really, the text is missing the last code point \ufe0f, does it still work as expected?

from emoji-regex.

Your input text doesn’t include \uFE0F, so why would you expect it in the output?

from emoji-regex.

Sorry if I wasn't clear enough. I wasn't expecting it to be in the output. The thing is, "\u{1F477}\u200D\u2640" when logged directly to the console, can produce the correct gendered emoji, however when passed through the regex, it doesn't take "\u2640" into account and only matches the male part.

const text = "\u{1F477}\u200D\u2640";
console.log(text);
//> 👷‍♀️ 
// female construction worker, it's displayed properly without \uFE0F character

const replacedText = text.replace(emojiRegex(), m => `<span>${m}</span>`);
console.log(replacedText);
//> <span>👷</span>♀
// only the male construction worker is matched with emoji regex,
// and ♀ (\u2640) character is left out

// which is basically "<span>\u{1F477}\u200D</span>\u2640"
// but I would expect it to be "<span>\u{1F477}\u200D\u2640</span>"

from emoji-regex.

Yes! I too have problem with a \uFE0F #29

from emoji-regex.