Overlapping glyphs

[xfq]

The Han characters look like overlapping of several different glyphs of the same code point. If I open the SVG, I can see the animation, but not on the character page (example). Is it possible to animate it, or display a default glyph and let the user switch to other glyphs if they want? Thank you!

[Boldewyn]

Thanks for noticing and opening the issue!

Yes, that is an unfortunate issue. Long story short, the images for CJK characters are effectively and deliberately an overlay of the HK, JP, KR, SC and TC glyphs and should animate from one to the other via SVG animations.

This works perfectly well, when you look at the SVGs directly, and it used to work in Firefox with embedded SVGs, when I developed the feature. Since then, however, did not only the other engines not start supporting this, but Firefox even regressed and involuntarily removed the feature again: https://bugzilla.mozilla.org/show_bug.cgi?id=1779834

I don’t want to miss this feature of showing the visitors the variety of glyphs behind the CJK unification, but I need to find a solution how to re-activate the animations again.

[Boldewyn]

I’m currently experimenting with copying the glyphs from the <use> element directly into the DOM. However I need to do that performantly without re-requesting all the images, especially on list pages.

[Boldewyn]

This issue is partly fixed for the glyphs on the detail pages, where I include them directly into the page HTML. But we’ve got more work to do here:

• [ ] glyphs on list pages
• [ ] small glyphs in cross-cp links
• [ ] disable animation for users with prefers reduced motion setting