sparkle付きのアニメーション絵文字が意図しないタイミングで先頭から再生される
Summary
$[sparkle :ai_yay:]のようにアニメーションgifやapngの絵文字にMFMのsparkleをつけると、sparkleのキラキラひとつが生成されるたびにアニメーション絵文字が先頭から再生される。開発者ツールで確認するとキラキラのsvg生成と共に絵文字を括っているspan全体(img含む)が更新されているように見える。
参考: https://misskey.tako2bo.com/notes/ar7goz134c
同じ画面内にsparkleなしの絵文字:ai_yay:があるときはこの現象が起こらない場合がある。
ローカルでMisskeyを立てて確認したところ、 2026.3.0-alpha.0以降: 発生する 2026.2.0-beta.0以前: 発生しない だった。
内容的に #17156 が関係していそう?Vueにあまり詳しくないが、変更前はgenEl(token.children, scale)で生成されたものを引数で渡していたが、変更後はgenEl(token.children, scale)の関数そのものを渡しているため、svgの再描画が入るたびに自身全体を再描画している?
https://github.com/misskey-dev/misskey/commit/ae1304d6458899b023b6e86a0fd00d7d3ee9a784#diff-7083a165d7409ddf0087fbd49a96fa11cc8580c158897bcf70fd85cab92b19e4L236-R236
Expected Behavior
:ai_yay:のアニメーションがsparkleの有無とは無関係に再生される
Actual Behavior
:ai_yay:のアニメーションがsparkleのsvgが生成されるたびに先頭から再生される
参考動画: svgが生成されるたびに先頭から再生されているように見える https://github.com/user-attachments/assets/8bddaef1-ca4d-4520-9534-4bc1bec51bee
参考画像:
先頭のコマは手を上げている状態で、上記動画でアニメーションがガクッとするタイミングで表示されるコマのように見える
Steps to Reproduce
- ノート投稿フォームにsparkle付きアニメーション絵文字(
$[sparkle :ai_yay:]など)を入力する - プレビューを表示するか、投稿して内容を確認する
- アニメーション絵文字が不自然に先頭から再生される
Frontend Environment
* Model and OS of the device(s): macOS Golden Gate 27.0
* Browser: 8.2.4133.52 (公式ビルド) (arm64)
* Server URL: https://misskey.tako2bo.com
* Misskey: 2026.9.0Backend Environment (for server admin)
* Installation Method or Hosting Service: docker compose
* Misskey: 2026.9.0
* Node: v22.17.1
* PostgreSQL: psql (PostgreSQL) 15.14 (Ubuntu 15.14-1.pgdg22.04+1)
* Redis: redis-cli 8.2.2
* OS and Architecture: Ubuntu 22.04.5 LTS aarch64Do you want to address this bug yourself?
- Yes, I will patch the bug myself and send a pull request
Source: misskey-dev/misskey