element-hq / element-hq/element-web

Animated GIF don't work when referenced in markdown

Open
#18,816 7 comments 1 reaction 0 assignees View on GitHub
A-Composer A-Media O-Uncommon S-Minor T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

1. Start in an unencrypted room and uploaded an animated gif.
2. Grab the uploaded gif matrix link, should look like `mxc://matrix.org/iZnsILDtTYjGzywTrOTuTcRv`
3. Reference the image in markdown with the following format `![](mxc://matrix.org/iZnsILDtTYjGzywTrOTuTcRv)` in a message

### What happened?

You get a single frozen frame of the animated gif with no indication that it's supposed to be a gif/animated and no way to trigger the animation.

### What did you expect?

1. The animated gif would autoplay if the users settings are set for that.
2. If autoplay is disabled the animation should still start playing when hovered over or clicked on.
3. It should say `GIF` in the top left corner, the same as when you upload a GIF normally.

### Operating system

Manjaro Linux

### Application version

Element Version: 1.7.3.4, olm Version: 3.2.3

### How did you install the app?

pacman, element-desktop, official manjaro repo

### Homeserver

matrix.org

### Have you submitted a rageshake?

No

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue by referencing an animated GIF through an mxc:// link in Markdown, then compare it with a normally uploaded GIF. Done means the referenced GIF respects autoplay settings, can be started on hover or click when autoplay is disabled, and displays the GIF label.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.