Regressions on the right chat panel with bubble message layout enabled

[luixxiul]

Steps to reproduce

1. Change the message layout to Message bubbles
2. Create a room
3. Add a widget to the room
4. Maximize the widget
5. Post something to the chat
6. Reply in thread

Outcome

What did you expect?

• There should not be overflow of anything.
• The style rules for the chat and thread right panel should be integrated.

What happened instead?

• Read avatar overflow: fixed with Fix read avatars overflow from the right chat panel with a maximized widget on bubble message layout matrix-org/matrix-react-sdk#8470
• MessageActionBar overflow on a thin window

• Long TextualEvent overflow: fixed with Fix event text overflow on bubble message layout matrix-org/matrix-react-sdk#8391

Operating system

Debian

Browser information

Firefox

URL for webapp

localhost

Application version

develop branch

Homeserver

No response

Will you send logs?

No

[luixxiul]

None of those overflow issues are reproduced on the modern message layout- they are specific to the message bubble layout.

[frakic]

Encountered a similar issue during a Community testing session.

1. Have message bubbles turned on
2. Join a video room
3. Have an iOS/Android user start a conference
4. Have them end the conference
5. See the chat window

Expected: no overflows, video conference events display nicely
Actual: read receipts are cut off, conference event bubble is too tight

[luixxiul]

@frakic that should be fixed with matrix-org/matrix-react-sdk#8470.

[weeman1337]

Read avatar overflow: fixed with

Is back:

[luixxiul]

The issue should no longer be reproduced not only on TimelineCard but also ThreadView with matrix-org/matrix-react-sdk#10335

But it will not fix the issue that the read receipts are not displayed properly on lines inside GELS (generic event list summary).