Favorites label does not move when spaces panel is expanded

[aaronraimist]

In Safari when I expand the spaces panel, the Favorites label in the room list stays in place and goes on top of the spaces panel.

It fixes itself if I hover my mouse over Favorites but then when I collapse the spaces panel, the Favorites label gets stuck in place again.

It only seems to affect the Favorites label, not People or Rooms.

Version information

• Platform: web
• Browser: Safari 14.1

Can't reproduce in Firefox

[t3chguy]

It'll only be affecting the sticky top/bottom sublists, which use absolute-positioning.
I haven't seen this in Chrome/FF so is likely a case of Safari missing the HTML spec boat.

[t3chguy]

This actually looks to be a Safari/Webkit bug, because we don't actually specify a left offset on the position, which explains why merely hovering on the element is enough for Safari to fix itself.

This would be fixed by matrix-org/matrix-react-sdk#6054

[ogarcia]

It doesn't just happen with favorites, it happens with the first tag of any list (whatever it is).

It is a problem that happens in any browser with WebKit engine. It happens on Mac with Safari and also on Linux with Epiphany (Gnome WEB). It also happens in applications that are based on this engine as Revolt.

[t3chguy]

I cannot reproduce this on latest Safari so looks to have been fixed upstream

[ogarcia]

This issue is not fixed. It still occurs on Linux with Epiphany (Gnome WEB).

[t3chguy]

@ogarcia it is fixed in the supported browsers - see https://github.com/vector-im/element-web#supported-environments

[kenrachynski]

I have been able to duplicate this on Safari 16.6 on macOS 13.5.1 (Ventura).

Typically it's my People list when collapsed that slides under the spaces list.
A bit of debugging showed that I could get the collapsed header to put itself into place when the height of the browser forced the header to be sticky.

If I also collapse my room list, I can get the browser pretty short before the People label snaps into place properly.

I'm willing to debug this.

Screen.Recording.2023-09-04.at.11.09.33-SD.480p.mov