Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

www.youtube.com - Unnecessary side scroll bar is present when requesting fullscreen mode #105116

Open
trunghung03 opened this issue May 30, 2022 — with webcompat-app · 12 comments
Assignees
Labels
browser-firefox diagnosis-priority-p3 engine-gecko The browser uses the Gecko rendering engine os-win11 Issues that are reproducible only on Windows 11 priority-normal severity-minor The site has a cosmetic issue. status-needsinfo

Comments

@trunghung03
Copy link

URL: https://www.youtube.com

Browser / Version: Firefox 100.0
Operating System: Windows 11
Tested Another Browser: Yes Chrome

Problem type: Something else
Description: On Firefox 100.0.2, when playing videos at full screen mode, the scroll bar is still visible. This does not happen when using Chrome.
Steps to Reproduce:
Open a Youtube video in Firefox at full screen mode, the scroll bar is still visible. This does not happen with Chrome.

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

@webcompat-bot webcompat-bot added this to the needstriage milestone May 30, 2022
@webcompat-bot webcompat-bot added browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-critical labels May 30, 2022
@softvision-raul-bucata
Copy link

We appreciate your report. Based on what you described, the issue can be reproduced on other browsers and it is not a Compatibility issue.

This is the result using Firefox Release:

https://media.giphy.com/media/wvexSlrbL9je2kNKul/giphy.gif

And this is the result using Chrome:

https://media.giphy.com/media/LTtoBkzePutsb2hJYz/giphy.gif

The scroll bar is dismissed based on the location of the mouse cursor, or by moving the mouse cursor,
For this project, we try to focus our effort on layouts, features, or content that works as expected in one browser but not in another.

Tested with:

Browser / Version: Firefox Release 100.0.2 (64-bit)/ Chrome Version Version 102.0.4004.63 (Official Build) (64-bit)
Operating System: Windows 10 PRO x64

@trunghung03 Closing this as Non-compat

[qa_22/2022]

@softvision-raul-bucata softvision-raul-bucata closed this as not planned Won't fix, can't repro, duplicate, stale May 30, 2022
@trunghung03
Copy link
Author

trunghung03 commented May 30, 2022

https://www.youtube.com/watch?v=mMx3iO9u8cE

This is weird. I have a fresh install of the newest release of Firefox Nightly and this issue still persist. No addons or changed settings. Hope someone else can chime in. Edit: Noted that mouse position doesn't matter (for me).

Browser: Firefox Nightly (102.0a1)/Chrome Version 102.0.5005.62 (Official Build) (64-bit)

Operating system: Windows 11 Pro 22000.675

@trunghung03
Copy link
Author

It seems that while the title bar is still visible, the scrollbar is, too. When the title bar fades out, so does the scrollbar. With Chrome, the scrollbar disappears immediately after full screen, hence the confusion. My apologies.

@softvision-raul-bucata
Copy link

@trunghung03 Are you referring to the fact that when hovering the mouse away to trigger the hiding of the scrollbar, the scrollbar goes away faster in Chrome than compared to Firefox?

[inv_22/2022]

@trunghung03
Copy link
Author

So 2 behaviours that I observed is different between Firefox and Google Chrome in Youtube:

  • After enabling full screen, on Chrome, the scroll bar immediately disappears, while on Firefox, the scroll bar takes a while to disappear.
  • When scrolling while in full screen mode in Firefox, the scroll bar is visible, but in Chrome, the scroll bar is not visible.

The first point is already in the comments above, the second point can be seen in the screenshot below. (1st picture is Firefox, 2nd is Chrome)

rick

rick2

https://www.youtube.com/watch?v=w_8DhLW_a9Q
First half is Firefox, second half is Chrome.

As you can see, in full screen Youtube on Firefox, the scrollbar can still be visible if I hover over it or scroll out of the video, but on Google Chrome, the scrollbar completely disappears with no way of bringing back. Not sure if this is expected behaviour or not.

@softvision-raul-bucata
Copy link

@trunghung03 Even with the latest build of Firefox Nightly and Release, I am still not able to reproduce the issue. The side scroll bar is not present when in full-screen mode, and the video timeline scroll bar presents no issues. After reading: https://www.reddit.com/r/firefox/comments/lija24/scrollbar_suddenly_visible_when_youtube_is/, I am wondering if do you have any imported add-ons when creating a new profile. With the new profile, can you please type in the URL bar about:support and give all the data from the ADD-ONS section?

[inv_22/2022]

@trunghung03
Copy link
Author

"addons": [
    {
      "name": "Add-ons Search Detection",
      "type": "extension",
      "version": "2.0.0",
      "isActive": true,
      "id": "[email protected]"
    },
    {
      "name": "Amazon.com",
      "type": "extension",
      "version": "1.3",
      "isActive": true,
      "id": "[email protected]"
    },
    {
      "name": "Bing",
      "type": "extension",
      "version": "1.3",
      "isActive": true,
      "id": "[email protected]"
    },
    {
      "name": "DuckDuckGo",
      "type": "extension",
      "version": "1.1",
      "isActive": true,
      "id": "[email protected]"
    },
    {
      "name": "Google",
      "type": "extension",
      "version": "1.2",
      "isActive": true,
      "id": "[email protected]"
    },
    {
      "name": "Wikipedia (en)",
      "type": "extension",
      "version": "1.1",
      "isActive": true,
      "id": "[email protected]"
    }
  ],

Here's the raw data of the "addons" section. If needed, I uploaded the full about:support raw data to the link below.

https://github.com/trunghung03/about-support.txt/blob/master/support.txt

@softvision-raul-bucata
Copy link

softvision-raul-bucata commented May 31, 2022

From the looks of it, no add-ons besides the standard ones are installed. Funny thing is, the sidescrollbar is not present for me in Chrome as well, regardless of the steps to reproduce (scrolling when in fullscreen, requesting fullscreen, etc).When you tested with a new profile, I assume you did it like so:

  1. Type about:profiles in the url bar.
  2. Choose Create a new profile.
  3. Call it deleteme or anything you please.
  4. Then start it. (this one you will be sure that nothing is interfering, no ghost caching etc.)
  5. Test.

Could you test the issue using the latest build of Nightly, 103?

[inv_22/2022]

@softvision-raul-bucata
Copy link

@trunghung03 I was able to reproduce the issue. Requesting the full-screen mode and waiting for the title bar to disappear does not make the side scroll bar to disappear as well. The issue is reproducible just on Windows 11.

Tested with:

Browser / Version: Firefox Release 100.0.2 (64-bit)/ Firefox Nightly 103.0a1 (2022-05-30) (64-bit) /Chrome Version Version 102.0.4004.63 (Official Build) (64-bit)
Operating System: Windows 11

Notes:

  1. Reproducible regardless of the status of ETP.
  2. Reproducible on the latest build of Firefox Nightly and Release.
  3. Works as expected using Chrome.

Moving this to NeedsDiagnosis for further investigations.

[inv_22/2022]

@softvision-raul-bucata softvision-raul-bucata changed the title www.youtube.com - see bug description www.youtube.com - Unnecessary side scroll bar is present when requesting fullscreen mode May 31, 2022
@softvision-raul-bucata softvision-raul-bucata added the os-win11 Issues that are reproducible only on Windows 11 label May 31, 2022
@trunghung03
Copy link
Author

trunghung03 commented May 31, 2022

From the looks of it, no add-ons besides the standard ones are installed. Funny thing is, the sidescrollbar is not present for me in Chrome as well, regardless of the steps to reproduce (scrolling when in fullscreen, requesting fullscreen, etc).When you tested with a new profile, I assume you did it like so:

1. Type `about:profiles` in the url bar.

2. Choose `Create a new profile`.

3. Call it `deleteme` or anything you please.

4. Then start it. (this one you will be sure that nothing is interfering, no ghost caching etc.)

5. Test.

Could you test the issue using the latest build of Nightly, 103?

[inv_22/2022]

Just in case it's needed, I tested this in Firefox Nightly 103.0a1 with a new profile and the scroll bar issue still exists.

@wisniewskit
Copy link
Member

I'm not seeing this on my macbook (with scrollbars set to always-on, of course), so this might be Windows specific.

@HaipaDev
Copy link

HaipaDev commented Jun 17, 2023

Hi
Any progress or possible workarounds?
I have been using Vivaldi for a long time (which is Chromium based) and never experienced this
Now that I did a full switch to Firefox its bugging me quite a lot, because I always have my mouse hidden on the right side of the screen, but now the scrollbar becomes visible, and even without going on the right its still like "1px wide visible"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser-firefox diagnosis-priority-p3 engine-gecko The browser uses the Gecko rendering engine os-win11 Issues that are reproducible only on Windows 11 priority-normal severity-minor The site has a cosmetic issue. status-needsinfo
Projects
None yet
Development

No branches or pull requests

8 participants