SVG images fail to render

[xu-shawn]

Steps to reproduce

1. Launch element app
2. Send an SVG (Scalable Vector Graphics) image
   

A similar issue occurs on the browser application (app.element.io)

Outcome

What did you expect?

Correcly rendered SVG image

What happened instead?

No rendering. Blurred rendering on the browser app

Operating system

Debian

Application version

Element version: 1.11.89

How did you install the app?

https://element.io/download#linux

Homeserver

No response

Will you send logs?

No

[t3chguy]

Cannot reproduce on web or desktop, tried with https://raw.githubusercontent.com/element-hq/logos/refs/heads/master/element/Element%20Logomark.svg

[xu-shawn]

Interesting. I can reproduce this with app.element.io on MacOS with Firefox 134 (clean profile), and Debian with Firefox 133 as well as Chromium 131.0.6778.264 (clean profile). I tried on develop.element.io on Debian with Firefox 133 and it still breaks on my end.

[BrandenXia]

i can also reproduce with Chromium 131.0.6778.265

[xuhdev]

@t3chguy I found the bug is only reproduciable if the room has enabled end-to-end encryption. Svg files can display properly without end-to-end encryption.

It may be a good idea to use a different svg file, because the file you used to experiment seems to suffer from #29432 for me.

[xuhdev]

@t3chguy These are the steps that I used to reproduce the bug in the latest Chrome Version 133.0.6943.141 (Official Build) (64-bit):

1. create a new room. Make sure "Enable end-to-end encryption" is checked.
2. Upload this svg file: https://raw.githubusercontent.com/element-hq/logos/382dadaf56fbcc12cf1cd950781ed8edef85fb3a/matrix/matrix%20favicon.svg

But a png file can be previewed.

Screenshot: