Avatar for Username

Search Support

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 reply
  • 1 has this problem
  • 11 views
  • Last reply by 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.