element-hq / element-hq/element-web
Timestamp overlaps caption text on image attachments in Message bubbles mode when "Always show message timestamps" is enabled
- 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.
### 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
Assessment
This issue has not been assessed yet.