Closed
Bug 1121478
Opened 10 years ago
Closed 8 years ago
CSS3 animations within SVG not working if SVG is used as a background-image
Categories
(Core :: SVG, defect)
Core
SVG
Tracking
()
RESOLVED
DUPLICATE
of bug 1190881
| Tracking | Status | |
|---|---|---|
| firefox35 | --- | affected |
| firefox36 | --- | affected |
| firefox37 | --- | affected |
| firefox38 | --- | affected |
| firefox-esr31 | --- | unaffected |
People
(Reporter: polinovskyi.g, Assigned: u459114)
References
(Blocks 1 open bug)
Details
(Keywords: regression)
Attachments
(3 files)
gps.svg (for the record)
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20150108202552
Steps to reproduce:
I created a small animated icon in SVG. If I open this file directly in the browser's window - it is animated. But when it is placed as a background-image for the input field it is static.
It uses CSS3 keyframes within SVG.
The (not)working example could be found here:
https://www.drivelog.de/
look to the arrow icon in the input field called "Wo? Ort oder PLZ".
Click this icon - when browser will ask for your location permissions the icon is substituted from PNG to my (not)animated SVG.
Actual results:
The CSS3 animation is not working in SVG if this SVG is used as a background-image
Expected results:
CSS3 animations should work within SVG if it's used as a background-image as well as an <img> image.
This works in Chrome.
|
Reporter | |
Updated•10 years ago
|
Component: SVG → General
Product: Core → Firefox
|
||
Updated•10 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
|
||
Comment 2•10 years ago
|
||
(In reply to Robert Longson from comment #1)
>
> *** This bug has been marked as a duplicate of bug 908634 ***
I do not think dup because regression window is different.
This works on Firefox34.
Status: RESOLVED → REOPENED
status-firefox35:
--- → affected
status-firefox36:
--- → affected
status-firefox37:
--- → affected
status-firefox38:
--- → affected
status-firefox-esr31:
--- → unaffected
Ever confirmed: true
Keywords: regression
Product: Firefox → Core
Resolution: DUPLICATE → ---
Version: 35 Branch → 34 Branch
|
|
||
Comment 3•10 years ago
|
||
Err
This works on Firefox33.
|
|
Reporter | |
Comment 4•10 years ago
|
||
Yep, this was working for me in FF33, but no more in 34 and 35. Thanks
|
|
||
Comment 5•10 years ago
|
||
It was fixed in aurora33.0a2
https://hg.mozilla.org/releases/mozilla-aurora/pushloghtml?fromchange=7b3b162ff01c&tochange=27c670206df9
Bug 1002632 is also backed out from Nightly34.0a1, but the problem is not fixed. (finally landed in Nightly37.0a1)
So, underlying bug is other than Bug 1002632....
Depends on: 908634
|
|
||
Comment 6•10 years ago
|
||
|
|
||
Updated•10 years ago
|
Attachment #8549186 -
Attachment description: gps.svg () → gps.svg (for the record)
|
|
||
Comment 7•10 years ago
|
||
|
||
Comment 8•8 years ago
|
||
Still not working with data urls (img or background). Only embedded SVG works.
See: https://jsfiddle.net/evg46ns2/
|
||
Updated•8 years ago
|
Blocks: svg-enhance
|
||
Comment 9•8 years ago
|
||
It neither works as background-image nor as content for a speudo-element
|
|
||
Updated•8 years ago
|
Component: General → SVG
OS: Windows 7 → All
Hardware: x86_64 → All
Version: 34 Branch → Trunk
Status: REOPENED → RESOLVED
Closed: 10 years ago → 8 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•