Pop-out video player can't be closed due to z-index issue

[diondiondion]

At screen widths where the pop-out video player overlaps with the composer sidebar, it can't be interacted with or closed due to a z-index conflict.

This screencap shows how I had to increase my browser window size to be able to pull the video out from underneath the sidebar, making the close button clickable:

Screen.Recording.2026-01-13.at.14.51.03.mov

This is on https://indieweb.social which is currently on Mastodon v4.5.4

[rollecode]

Sounds like a duplicate of #173. Commit 7892887 fixes this. It's already resolved in the current pre-release (for Mastodon 4.6.0-alpha), but unfortunately, there isn't any releases for Mastodon 4.5.0+ stable yet since the focus is currently on 4.6.0 that comes with full style refactoring and new build system... the branches are radically divergent because of this.

In the meantime, could you ask your admin to add the following lines to the end of the Custom CSS (I assume that's what they're using)?

/* Fixes: Video under text layer while scrolling #173, https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/173 */
.picture-in-picture {
  z-index: 99 !important;
}
.picture-in-picture .video-player {
  border: 0 !important;
}

I'll try to release a mid-version between 4.5.0 and 4.6.0 if possible, but it can be tricky to track all changes when developing for both alpha and stable versions simultaneously. That's why there most likely won't be a new stable release until 4.6.0.