Animated GIF as background-image (CSS) with single-loop will not restart (e.g. on hover) when the image has been loaded before

RESOLVED INCOMPLETE

Status

()

Core
ImageLib
RESOLVED INCOMPLETE
12 years ago
5 years ago

People

(Reporter: Thomas Wittek, Unassigned)

Tracking

({testcase})

1.8 Branch
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

12 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

If you have an animated GIF with a single loop as a background-image for a hovered link (or any other element) it will (correctly) restart the loop on every hover: http://zentrifuge.dyndns.biz:2380/files/ffcssbug_ok.html

(See also https://bugzilla.mozilla.org/show_bug.cgi?id=286962 where even that didn't work - but it seems to work now)

Now if this animated GIF has been loaded previously (by placing it in an img-tag or loading it with JavaScript or as the background-image of an other element) only the last frame will be displayed on hover:
http://zentrifuge.dyndns.biz:2380/files/ffcssbug_wrong.html

As this behaviour is quite inconsistent (restart anim on hover when not loaded elsewhere - don't restart else), I don't think that it is intended to be like this.

Reproducible: Always

Steps to Reproduce:
1. Create a single-loop animated GIF (e.g. "foo.gif")
2. Load this image on your website (img-tag, JavaScript, CSS background-image)
3. Create another element with the style #elementid:hover { background-image: url(foo.gif) no-repeat } for this element.
4. Move the mouse over the element.

Actual Results:  
The element will only show the last frame of the animation.

Expected Results:  
The animation should restart on every hover as it correctly does when the same image hasn't been preloaded anywhere else.

Tested on:
- Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
- Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.4) Gecko/20060608 Ubuntu/dapper-security Firefox/1.5.0.4
- Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1b2) Gecko/20060821 Firefox/2.0b2

Opera 9, Konqueror, iE 6, and do it "right". Interestingly iE 7.0.5700.6 behaves like Firefox.
(Reporter)

Comment 1

12 years ago
Might also be remotely related to:
https://bugzilla.mozilla.org/show_bug.cgi?id=316138 and https://bugzilla.mozilla.org/show_bug.cgi?id=188924. But those Reports address slightly different issues.

Comment 2

12 years ago
I think this is a dupe of bug 188924, but we'll leave this open since it's very concise and has a working testcase.
Status: UNCONFIRMED → NEW
Component: General → ImageLib
Ever confirmed: true
Keywords: testcase
OS: Windows XP → All
Product: Firefox → Core
QA Contact: general → imagelib
Hardware: PC → All
Summary: Animated GIF as background-image (CSS) with single-loop will not restart (e.g. on hover) when the image has been loaded before. It will (correctly) restart when it is only defined once. → Animated GIF as background-image (CSS) with single-loop will not restart (e.g. on hover) when the image has been loaded before
Version: unspecified → 1.8 Branch
Depends on: 188924
(In reply to comment #2)
> I think this is a dupe of bug 188924, but we'll leave this open since it's very
> concise and has a working testcase.

This may also be closely related with bug 129986.

Comment 4

8 years ago
testcase URL no longer exists
Status: NEW → RESOLVED
Last Resolved: 8 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.