The "Miniplayer" list from the Youtube website is not scrollable

[Softvision-RemusDranca]

[Notes]:

• This issue is also reproducible on windows having the 1x size or smaller if the "Miniplayer" is expanded on full screen.

[Affected Versions]:

• Firefox Reality version 8-33580833 (777a0ae).

[Affected Platforms]:

• Oculus Quest - Android 7.1.1
• Oculus Go - Android 7.1.2
• HTC Vive Focus Plus - Android 7.1.2
• HTC Vive Focus - Android 7.1.2

[Prerequisites]:

• The headset is turned on and the browser is opened.

[Steps to reproduce]:

1. Navigate to the Youtube website.
2. Add at least 5 videos to "Queue" list.
3. Click the "Down" arrow are from the "Miniplayer" list.
4. Observe the list.

[Expected results]:

• A vertical scrollbar is displayed on the right side of the list.

[Actual results]:

• No scrollbar is displayed and the list is not scrollable.

[Additional Notes]:

• Needed by [meta] Improve YouTube experience #1760.
• This issue is also tracked in the Webcompat repo: www.youtube.com - The miniplayer list is not scrollable webcompat/web-bugs#46266
• Attached is a screen recording of the issue: link

[jvonitter]

@MortimerGoro thoughts on this one? possibly related to #2550 ?

[MortimerGoro]

I don't think they are related. As it also happens in Firefox desktop desktop I'd wait for the webcompat issue being fixed: webcompat/web-bugs#46266

[daron-walters]

I have been researching this ticket for a few days and I think there are multiple problems

1. isues with flexbox and firefox in general (placing the overflow-y) on the correct flexbox element may show a scrollbar that doesnt function

2. I think the bigger problem is that the whole miniplayer element is the height of the page (a page that dynamically grows) so researching making the miniplayer height fixed/absolute.

[daron-walters]

Here is a link to my fix on local. I have some a follow up question

1 The size of the scrollbar. It seems pretty thin Do we need to see if this can be fixed via css?