API pauseAnimations won't work on child <svg> nodes

RESOLVED INVALID

Status

()

Core
SVG
RESOLVED INVALID
6 years ago
6 years ago

People

(Reporter: Radhe Shyam, Unassigned)

Tracking

12 Branch
x86
Windows XP
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

6 years ago
Created attachment 630469 [details]
pause.svg

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 20120420145725

Steps to reproduce:

I created a svg document which has 2 svg child nodes .Both svg nodes have some animation .I wanted to pause animation for only one svg node but it didn't happend rather I was not able to use API svg.pauseAnimation() .This api works only on root node.


Actual results:

API pauseAnimations() did't work on child svg nodes .It  worked on root svg node which effectively pause animation for full svg document.


Expected results:

animation should have paused for the svg node on which pauseAnimations() is applied.

Updated

6 years ago
Component: Untriaged → SVG
Product: Firefox → Core
QA Contact: untriaged → general
Version: 12 Branch → unspecified
(Reporter)

Updated

6 years ago
Component: SVG → Untriaged
Product: Core → Firefox
Version: unspecified → 12 Branch
I believe this is per the spec:

  pauseAnimations(): Suspends (i.e., pauses) all currently running animations that are defined within the SVG document fragment corresponding to this ‘svg’ element...

Although the description of document fragments seems to include nested <svg> elements, the chapter on Animation says that for the purpose of animations they are not:

  However, nested ‘svg’ elements within an SVG document do not constitute document fragments in this sense, and do not define a separate document begin; all times within the nested SVG fragment are relative to the document time defined for the root ‘svg’ element.
  http://www.w3.org/TR/SVG11/animate.html

SVG 1.1 doesn't provide a facility for nested time containers. SVG document fragments establish new time containers but nested ones don't. If you want independent time containers you can use

<html>
  <svg id="svg1">
    ...
  </svg>
  <svg id="svg2">
   ...
  </svg>
</html>

This limitation on not providing nested time containers will be addressed in SVG 2 (via the Web Animations spec).
Component: Untriaged → SVG
Product: Firefox → Core
per comment 1
Status: UNCONFIRMED → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.