Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

GIF animation is reset when a new image is added to the page.

  • 1 (رد واحد)
  • 1 has this problem
  • 7 views
  • آخر ردّ كتبه cor-el

0050
0050
more options

Hello! Short story: I recently discovered that adding a new GIF image to a page resets the animations of existing GIF images on the page with the same src.

Expected behavior: Adding a new GIF image to the page should not reset the animation of existing images with same src.

Actual result: Adding a new GIF image to the page resets the animation of all existing GIF images on the page with same src.

Code with example: https://codesandbox.io/s/heuristic-platform-jsguir Video demo: https://www.youtube.com/watch?v=k-ZMrrqq_KI

Simplified version of the code showing unexpected behavior: https://codesandbox.io/s/elastic-shtern-vwrcx1

Does anyone know why this is happening? Is this a bug?

Browser: Firefox Developer Edition 102.0b4 (64-bit) OS: Windows 11

Hello! '''Short story''': I recently discovered that adding a new GIF image to a page resets the animations of existing GIF images on the page with the same src. '''Expected behavior''': Adding a new GIF image to the page should not reset the animation of existing images with same src. '''Actual result''': Adding a new GIF image to the page resets the animation of all existing GIF images on the page with same src. Code with example: https://codesandbox.io/s/heuristic-platform-jsguir Video demo: https://www.youtube.com/watch?v=k-ZMrrqq_KI Simplified version of the code showing unexpected behavior: https://codesandbox.io/s/elastic-shtern-vwrcx1 Does anyone know why this is happening? Is this a bug? '''Browser''': Firefox Developer Edition 102.0b4 (64-bit) '''OS''': Windows 11

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

I think that all GIF image animations use the same code and that they are somehow synchronous (i.e. use the same frame timings). It is possible that loading a new GIF image resets this code and causes it to restart all GIF animations. In that case there is not much you can do about this.