Youtube video controls are not displayed correctly after resize to 1X or 0,5X in theater mode

[SoftVision-LorandJanos]

[Affected Versions]:

• Firefox Reality version 9 rc7 (b68f946)

[Affected Platforms]:

• HTC Vive Focus Plus - Android 7.1.2
• Oculus Quest - Android 7.1.1
• Pico Neo2 - Android 8.1.0

[Prerequisites]:

• The Firefox Reality browser is opened.

[Steps to reproduce]:

1. Navigate to a normal video on YouTube and enter theater/full screen mode.
2. Resize the screen to 1x.
3. Observe the video controls.
4. Resize the screen to 0,5x.
5. Observe the video controls.

[Expected results]:

• The video controls are displayed correctly on the bottom of the screen.

[Actual results]:

• The video controls are displayed partially after resizing to 1x
• The video controls are not displayed after resizing to 0,5x.

[Notes]:

• This issue is not reproducible with sizes greater than 1x.
• If the video screen is scrolled down, the controls appear.
• Attached is a video of this issue

[daoshengmu]

After digging into it a bit, the way we get window width and height makes sense to me. The problem is caused by Youtube UI. They will move down its UI when the canvas width is not wide enough. The workaround approach is restricting the targetHeight[1] must be larger than 2.35. Although we will see black color background at the border, the UI displays properly at least.

[1]

FirefoxReality/app/src/common/shared/org/mozilla/vrbrowser/ui/widgets/WindowWidget.java

Line 1312 in 441566d

return Pair.create(targetWidth, targetHeight);

[Softvision-GeluHaiduc]

I have verified that this issue is no longer reproducible with the latest Firefox Reality version 11-141492311 (a9b58ee) installed on the Oculus Go, Pico Neo2 and Pico G2 4K headsets.
Now, the YouTube video controls are displayed correctly after a resize to 1x or 0.5x in theater mode. There is a new behavior on videos longer than 1 hour where the controls are moved down on the 0.5x size window.