Skip to content

Animated GIF loose animation after crop #14865

@urbanczykb

Description

@urbanczykb

Describe the Bug

Despite fixes #2181 #6146 this issue is still present. After cropping an animated GIF and hitting save thumbnail looses animation

Link to the code that reproduces this issue

https://github.com/payloadcms/payload/tree/main/templates/website

Reproduction Steps

  1. Goto media collection
  2. upload image from URL https://upload.wikimedia.org/wikipedia/commons/a/a0/Cartoon_steamer_duck_walking_animation.gif
  3. Save
  4. Click edit image
  5. Crop the image and hit apply changes
  6. Hit save (important)
  7. Image get's cropped and animation stops

Expected result: image is cropped and has animation

Which area(s) are affected?

area: core

Environment Info

Binaries:
  Node: 20.19.0
  npm: 10.8.2
  Yarn: N/A
  pnpm: 10.3.0
Relevant Packages:
  payload: 3.67.0
  next: 15.4.4
  @payloadcms/db-sqlite: 3.67.0
  @payloadcms/drizzle: 3.67.0
  @payloadcms/email-nodemailer: 3.67.0
  @payloadcms/graphql: 3.67.0
  @payloadcms/live-preview: 3.67.0
  @payloadcms/live-preview-react: 3.67.0
  @payloadcms/next/utilities: 3.67.0
  @payloadcms/payload-cloud: 3.67.0
  @payloadcms/plugin-seo: 3.67.0
  @payloadcms/richtext-lexical: 3.67.0
  @payloadcms/translations: 3.67.0
  @payloadcms/ui/shared: 3.67.0
  react: 19.1.0
  react-dom: 19.1.0
Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.5.0: Tue Apr 22 19:54:25 PDT 2025; root:xnu-11417.121.6~2/RELEASE_ARM64_T6020
  Available memory (MB): 16384
  Available CPU cores: 10

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions