Up Next container buttons not clickable

[pvico12]

Describe The Bug
Up Next Video container buttons not clickable. Instead they fast forward./backwards.

Steps To Reproduce

1. Watch any media in a TV series until the last minute of the episode. Up next container appears.
2. Click any button in the Up Next container.

Expected Behavior
Buttons should perform their regular operation.

System (please complete the following information):

• Platform: Windows
• Browser: Chrome
• Jellyfin Version: 10.9.0

[thornbill]

Are you using any custom css? #5595 (comment)

[pvico12]

@thornbill yes, adding a z-index to bring the dialog to the front solves the issue, but I did miss that issue so I opened a duplicate issue

[pvico12]

will look into hiding OSD instead of applying custom css

[dmitrylyzo]

I found the problem:
Sometimes (maybe in some browsers) onHideAnimationComplete is called on btnPause, and the event listener is disconnecting because it was connected with once: true.
As a result, the hide class is not added to the OSD element, allowing the user to interact with transparent elements.

As for the use of z-index, we should avoid it if possible. Currently we can probably move upNextContainer after videoOsdBottom.

jellyfin-web/src/controllers/playback/video/index.html

Line 8 in d311dec

<div class="upNextContainer hide"></div>