👍️や💣️などのUnicode絵文字をノートに含めるすると横に異体字セレクタが表示される

[sonyakun]

💡 Summary

👍️や💣️などのUnicode絵文字をノート (又はプレビュー)すると横に虚無 (ネットに繋がっていないなどの原因で画像が読み込めない場合などに出てくる物、名称がわからないためこの報告では「虚無」と言う名称を利用します コメントで@Sayamame-beans様に教えていただけましたので名称を一応修正しました、異体字セレクタだそうです)が表示されます。また、それをクリックすることで虚無でリアクションすることができます。

参考画像

再度虚無をリアクションしようとした場合のAPIの動作

🥰 Expected Behavior

Unicode絵文字の横に異体字セレクタが表示されず、異体字セレクタでリアクションすることもできない (失敗する？)

🤬 Actual Behavior

Unicode絵文字の横に異体字セレクタが表示され、それをクリックすると異体字セレクタでリアクションできる

📝 Steps to Reproduce

1. ノート画面で💣などのUnicode絵文字を入力する
2. ノートを送信する
3. 送信したノートのUnicode絵文字の横に異体字セレクタが表示されている
4. 異体字セレクタをクリックすることでリアクションのUI (コピー/リアクションする)が表示される

💻 Frontend Environment

* Model and OS of the device(s): Dell XPS8940 Windows10 22H2 (Build 19045.4412)
* Browser: Google Chrome v125.0.6422.142
* Server URL (1): https://sushi.ski
* Misskey (1): v2024.5.0

* Server URL (2): https://misskey.io
* Misskey (2): v2024.5.0-io.1a

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:
* Misskey:
* Node:
* PostgreSQL:
* Redis:
* OS and Architecture:

Do you want to address this bug yourself?

• Yes, I will patch the bug myself and send a pull request

[Sayamame-beans]

表示されている"虚無"は異体字セレクタ(U+FE0F)です。
Chromeではissue画像のように表示され、Firefoxでは何も表示されないようです(ブラウザによる扱いの差)

firefoxでもバグってるけど取得できなかった画像に対してアイコンを表示しないから見かけ上正常に見えるっぽい？

https://misskey.niri.la/notes/9u14wwpg6k

[zyoshoka]

Related to misskey-dev/mfm.js#136

[Sayamame-beans]

triage: #13901 では対応されていないため、別PRで対応が必要

#13998 によると、異体字セレクタ単体を選択してリアクションが出来てしまうようです。 (U+FE0EとU+FE0Fの2種類が存在する? U+FE0Fで動作を確認しました)

こちらについても\u2764へのフォールバックを実装出来ると良さそうに思います。

[KisaragiEffective]

NOT A CONTRIBUTION: @Sayamame-beans PRのリンクにするためコメントを微調整しました