Can't see images in exported chats because they are hidden with style="display:none"

[presto8]

Steps to reproduce

1. Locate a conversation with images in Element desktop.
2. Click "Export Chat", download and unzip.
3. Verify "images" directory is present and contains the exported images.
4. Open "messages.html" in a browser (I tested with both Firefox and Chromium)
5. Images are not shown in the conversation.
6. Inspect HTML code in "messages.html": tags have style="display:none"

% find images
images
images/Screensho-8-22-2024 at 3-01-27 PM.jpg
images/imagejpeg_0-8-22-2024 at 4-57-59 PM.jpg

in messages.html:
63:<img style="display:none" src="images/Screensho-8-22-2024 at 3-01-27 PM.jpg" alt="Screensho.jpg"/>
65:<img style="display:none" src="images/imagejpeg_0-8-22-2024 at 4-57-59 PM.jpg" alt="imagejpeg_0.jpg"/>

Outcome

I expected images to be visible.

But due to style="display:none" they are not. I looked for javascript that would later remove it or resize the image, but did not find any.

Operating system

NixOS Linux

Application version

Element version: 1.11.75 Crypto version: Rust SDK 0.7.1 (c8c9d15), Vodozemac 0.6.0

How did you install the app?

Installed using NixOS derivation

Homeserver

matrixdotorg/synapse:v1.110.0

Will you send logs?

Yes

[presto8]

As a workaround, I edited messages.html and added the following line and it fixed the issue:

<style>img { display: inline !important; }</style>

[presto8]

I updated the CSS to scale the image to fit the page automatically:

<style>img { display: inline !important; width: 100%; height: 100%; backgroundSize: contain; }</style>

[t3chguy]

I cannot reproduce this