element-hq / element-hq/element-web
Timestamp tooltip hover area behaves strangely for messages annotated with sender info
- Dominant language
- TypeScript
- Stars
- 13.5k
- Forks
- 2.8k
- PR merge metrics
- PR metrics pending
Description
### Steps to reproduce
1. In the timeline, view a couple consecutive messages sent by the same user, such that the first one shows the sender name and avatar, while the following ones collapse that info.
2. This works regardless of "Always show message timestamps" setting, but we will disable it to make the inconsistency clearer.
3. Hover your cursor over the timestamp area. Cursor turns into a pointing index finger 👆 for me, where I believe the finger tip is the actual part that is checked for overlap with any "hoverable" areas.
1. With the first of the messages, hover the finger tip over the actual number characters of the timestamp. The tooltip appears, showing the complete timestamp in human readable format. This works even when moving the cursor off to the left, right, and bottom of the characters, as long as you stay within the highlighted box around the current message (and not too far right or in the case of a multiline message down). In fact, while it does not appear in these positions, when it is already shown, you can even move the curser slightly off the highlighted area and the tooltip will stay around.
2. Still with the first of the messages, hover over the part of the highlighted area above the number characters. Notice the cursor is still in pointer mode. Notice the message is still highlighted. Notice the tooltip not appearing/disappearing if it was shown before. Now, the pointer mode of the cursor is supposed to show that something is clickable, which becomes clear if the message is longer than 1 line is the timestamp that you can click (it will "select" the message, though the purpose of that feature is unclear). However in that area between timestamp and avatar where the cursor is still the pointer, it is actually not clickable.
3. Repeat 3.i and 3.ii with a consecutive message and notice 3.ii behaves like 3.i then (i.e. consistently and "correctly").
4. Following 3.ii, move the curser even further up onto the actual avatar and see the MXID tooltip appear.
### Outcome
see above.
My guess is that somehow the hover areas of avatar and timestamp are interfering, however it's even stranger because I would expect that it triggers either the tooltip and click action of the timestamp or the avatar, but it does neither.
### Operating system
w10
### Application version
Element version: 1.11.47 Olm version: 3.2.14
### How did you install the app?
_No response_
### Homeserver
synapse
### Will you send logs?
No
Contributor guide
Assessment
This issue has not been assessed yet.