element-hq / element-hq/element-web

Timestamp overlaps caption text on image attachments in Message bubbles mode when "Always show message timestamps" is enabled

Open
#33,735 0 comments 0 reactions 0 assignees View on GitHub
A-Electron A-File-Upload A-Message-Bubbles S-Minor T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

1. Open Element Desktop and navigate to any room.
2. Choose in **Settings -> Appearance -> Message layout: Message bubbles**
3. Enable in **Settings -> Preferences -> Always show message timestamps** if not already on.
4. Send a message that has an image attachment together with a caption (from a client that supports it, e.g. Element X).
5. Observe the rendered message in the timeline.
6. The caption text is long enough to reach the right edge of the message bubble.

### Outcome

#### What did you expect?

The timestamp should appear either:

- below the caption text, or
- far enough to the **right** that it does not intersect any text: the caption line should wrap or be padded so there is always clear space reserved for the timestamp badge.

#### What happened instead?

The timestamp badge is rendered on top of (overlapping) the last line of the caption text, making both the caption and the timestamp hard to read. The caption container does not account for the extra horizontal space the always-visible timestamp requires when an image and caption are combined in a single event tile.

Image

### Operating system

Arch Linux

### Application version

Element version: 1.12.18

### How did you install the app?

From the AUR (https://aur.archlinux.org/packages/element-desktop-git)

### Homeserver

Synapse version 1.153.0

### Will you send logs?

No

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.