1927070 - Toolbar does not hide when scrolling Youtube Shorts

Status: RESOLVED WONTFIX

(Firefox for Android :: Media, defect)

Description

[YEO HYEON DUG]

Steps to reproduce

This issue is observed on the YouTube site screen.

<Problem1>

1. After launching the Firefox app, create a new tab and go to "youtube.com"
2. Set the Desktop site setting value of the corresponding tab to ON.
3. Play videos by searching for any keyword on the YouTube site.
4. Press the 'Full Screen Mode' button on the player screen to play in full screen.

<Problem2>

1. After launching the Firefox app, create a new tab and go to "youtube.com"
2. Set the Desktop site setting value of the corresponding tab to ON.
3. Play any shorts content by searching for any keyword on the YouTube site.

Expected behavior

<Problem1> All buttons displayed on the 'Full Screen Mode' screen should function normally.
<Problem2> The screen of the shorts content must be displayed without any cut-off.

Actual behavior

<Problem1> Almost all buttons displayed on the 'Full Screen Mode' screen do not work.
<Problem2> Shorts content is cut off on the screen due to layout issues.

Device information

• Firefox version: 131.0a1
• Android device model:

  tablet-like device with a resolution of 1920x1080 and a density of 240 (hdpi) that defaults to landscape mode.

• Android OS version: S OS

Any additional information?

Comment 1

[:Gela]

I'm not able to reproduce either of the issues listed here on my Pixel 8. Currently looking to see if anyone on my team has a LG Velvet device they can test this on.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Fenix::Tabs' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 3

[YEO HYEON DUG]

Dear Gela

Sorry. I wrote LG Velvet as the Android device model by mistake. The Android device that reproduces this problem is not a mobile phone type, but a tablet-like device with a resolution of 1920x1080 and a density of 240 (hdpi) that defaults to landscape mode.

I will correct the Android device model information in the above description

It seems impossible for you to obtain my device that reproduces the problem, so I will check if it reproduces on other tablet products on the market and share it with you so that you can reproduce it.

Comment 4

[:Gela]

Hi Mr. Yeo,

Thanks for sharing a bit more context about the device. Please let me know if you notice this issue on any other device as well. I unfortunately do not have access to the LG Velvet tablet to try this.
I do want to that add we have recently done some work related to defaulting to website mode on tablets and large devices which may impact this issue. When you get a chance, can you please try the same workflow using the most recent Firefox Nightly and let me know if you experience the same issue?

I'm also curious if you see the same issue using another browser such as Chrome.

Thank you

Comment 5

[YEO HYEON DUG]

Dear Gela,

I'm glad to hear that you've done some work on Large devices.

When I have some time, I'll try to check it out on my device, which is having the issue.
To do this, I'll download the latest mozilla-unified sources and build fenix nightly to check it, right?

And this issue did not occur in Chrome on the same device.
Please refer to this.

Thank you.

Comment 6

[YEO HYEON DUG]

This issue did not occur on a very old tablet running the Android P OS version that I have as a sample, so it does not seem to be an issue specific to tablet type devices.

Comment 7

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:titouan, could you have a look please?

For more information, please visit BugBot documentation.

Comment 8

[YEO HYEON DUG]

Attachment: capture_01.png

Comment 9

[YEO HYEON DUG]

Attachment: capture_02.png

Comment 10

[YEO HYEON DUG]

@Gela,
I verified these two issues with the fenix apk I obtained by building a release build with the latest Mozilla-unified 134.0a1 version source.

== 134.0a1 (release) ==
<Problem1> Almost all buttons displayed on the 'Full Screen Mode' screen do not work. ==> resolved !!
<Problem2> Shorts content is cut off on the screen due to layout issues. ==> Still having problems

Problem1 was resolved.
But Problem2 was still reproduced.

I have attached two screenshots to help you understand problem 2.
You can find it right away if you watch YouTube Shorts in desktop mode.

Comment 11

[Titouan Thibaud [:titouan]]

Hey,
I've tried reproducing Problem2 and I do have the same result on Fenix, but I also get the same result on Google Chrome (short content is cut off in Landscape mode).

This seems to indicate that this is a website issue and not a browser issue.

@YEO HYEON DUG, can you confirm that the same issue is reproducible on Chrome for you? 
If so, we can close this issue.

Thanks for your help here!

Comment 12

[YEO HYEON DUG]

Dear Titouan Thibaud,

I compared <problem2> between Firefox and Chrome.
As you said, it looks like both of them have the Shorts content cut off issue.

But there is one difference.

Both Firefox and Chrome support showing and hiding the URL bar (toolbar) by scrolling.

But...
When I select shorts content,

• Firefox always forcely show the URL bar (toolbar) again and covered the Shorts content even if the URL bar is hidden.
  (User can't make it better)
• In the case of Chrome, if I select shorts content when the URL bar and Tab bar is hidden, then I can find the entire Shorts content displays normally.
  (User can make it better)

Comment 13

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:titouan, could you have a look please?

For more information, please visit BugBot documentation.

Comment 14

[Titouan Thibaud [:titouan]]

I think we can redefine Problem 2 then:

STR

• Launch Fenix in landscape mode, create a new tab and go to "youtube.com"
• Enable the Desktop mode.
• Play any shorts content by searching for any keyword on the YouTube site.

Expected behavior

The video is fully visible.
Alternatively, the toolbar should at least hide when scrolling the videos and leave enough space to the video to be fully visible

Actual behavior

The video is cut off (in height), and even when scrolling, the toolbar remains visible

Comment 15

[YEO HYEON DUG]

Dear Titouan Thibaud,

Yes, you explained it well. I think it can be redefined like that.

Comment 16

[Cathy Lu [:calu]]

Updated to S2 as PM has pointed this out as a top 2024 user issue.

Comment 17

[Cathy Lu [:calu]]

I can reproduce this without setting desktop mode, and in portrait mode as well. It doesn't have to be in landscape and in desktop mode to have the toolbar not hide on scroll.

Comment 18

[Markus Stange [:mstange]]

Does the toolbar hide in Chrome in those scenarios? From what I can tell, it does not.

There is no work planned in bug 1861329 which would make the toolbar hide in more cases than it does in Chrome. So I believe there are no plans to make it hide on YouTube shorts.

Removing the dependency on bug 1861329.

Comment 19

[Cathy Lu [:calu]]

Sounds like the web compat team will not fix this, closing as WONTFIX.