1297672 - SVG-in-OpenType fonts don't run CSS animations

Status: RESOLVED WORKSFORME

(Core :: SVG, defect, P3)

Description

[Roel Nieskens]

Attachment: SVG with simple CSS animation, doesn't work when SVG is used as glyph

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36 OPR/39.0.2256.48

Steps to reproduce:

I created a test font with a glyph using CSS animations, but they don't run.

1. Go to https://pixelambacht.nl/lapislegit/
2. Look at the letter D (0044)
3. It should be fading it's opacity in an infinite one-second animation, but it doesn't.

I tried this by animating other properties than opacity, but they don't run either.

Note: this is different from SMIL, as reported here: https://bugzilla.mozilla.org/show_bug.cgi?id=1058634#c3


Actual results:

The animation does go to the first frame, but doesn't run.


Expected results:

The animation should've run like in the original SVG.

Comment 1

[Ron Bentley [:rtb]]

I can reproduce this in the nightly, User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:51.0) Gecko/20100101 Firefox/51.0, Build ID: 20160825030226.

The (D) row on the example page, https://pixelambacht.nl/lapislegit/, gives four versions of the SVG:

- Embedded as a glyph -- no animation
- Embedded in <img> tag where source is URL to the SVG file -- no animation
- Embedded in <iframe> tag where source is URL to the SVG file -- animation works
- Embedded as raw SVG inside an <svg> tag -- animation works

Presumably this goes to Core, SVG, but I cannot determine if it has any duplicates.

Comment 2

[Ciprian Muresan [:cmuresan], Ecosystem QA]

Build ID 	20160828030602
User Agent 	Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:51.0) Gecko/20100101 Firefox/51.0
User Agent 	Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:51.0) Gecko/20100101 Firefox/51.0

Hi Roel,

I have tested this issue on the latest Firefox release (48.0.2) and the latest Nightly (51.0a1) and indeed the issue is reproducible. Windows 10 seems to have the same issue as Mac and Linux.

Comment 3

[Cameron McCormack (:heycam)]

I wonder if bug 1190881 will fix this.

Comment 4

[Astley Chen (inactive)]

(In reply to Cameron McCormack (:heycam) from comment #3)
> I wonder if bug 1190881 will fix this.

No. It's still reproducible on all platforms with Nightly56.

Comment 5

[Roel Nieskens]

I since learned that animations are optional (https://www.microsoft.com/typography/otspec/svg.htm) so perhaps this is a design decision rather than a bug?

Comment 6

[Robert Longson [:longsonr]]

Seems OK now.