1385145 - Firefox incorrectly displays scrollbars in responsive mode

Status: NEW

(DevTools :: Responsive Design Mode, defect, P3)

Description

[Richard Maher]

Attachment: layout.html

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce:

Load the attached file in Firefox on Windows.
Use developer tools -> responsive design mode


Actual results:

Scrollbars are still displayed.

See: https://stackoverflow.com/questions/45303245/remove-scrollbars-firefox-desktop



Expected results:

They should be invisible as they are on Android Galaxy S7.
I argue that they should also be invisible out of responsive design mode but that's another issue.

Can't design with spurious scrollbars in the way.

Comment 1

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

Thanks for the report!  I agree the scrollbars are confusing here, and we should try to hide them in RDM.

Comment 2

[Richard Maher]

I think this really is more than just a Dev Tools issue.

Here is a better example: -

https://hypocampus.applications.uwa.edu.au/travelmanager.html

With Chrome, Opera, and Samsung Browser there are *NO* scrollbars but on Firefox there are. Why?

All source and aaa_readme.txt can be found here: -

https://drive.google.com/open?id=0B7Rmd3Rn8_hDNW1zSWRoXzBTclU

Comment 3

[Xavier OTTOLINI]

Another example :

Create a web page with a div element having overflow-x: auto.
Put in the div a table with enouth columns to get the horizontal scrollbar displayed.

Open a new Firefox window. Adjust the window size to 1280px x 566px (without using the responsive design mode).
Result : the horizontal scrollbar is visible.

Open a new Firefox window. 
Simulate the client size to 1280px width x 566px height with the responsive design mode.
Open the page.
Result : the horizontal scrollbar is hidden.

Comment 4

[Brad Werth [:bradwerth]]

I just took a look at this and I can't reproduce it -- on macOS. Is this still occurring for you, and if so would you please take a screenshot of the problem? If it's still occurring for you, we may need to mark this as a platform-specific bug.

Comment 5

[Richard Maher]

Yes, it was fixed some time ago.

Comment 6

[Xavier OTTOLINI]

Attachment: Capture d’écran With Firefox 66 for windows: the scrollbars use the mobile scrollbar width and not the windows scrollbar width

Comment 7

[Xavier OTTOLINI]

Attachment: Capture of firefox 66 for Windows in resposive mode. The scrollbar width is the the mobile scrollbar width, not the Windows scrollbar width.

Comment 8

[Xavier OTTOLINI]

You marked the bug as resolved but for me it is absolutlely not resolved. See the capture of the comment #7.

Comment 9

[Brad Werth [:bradwerth]]

Related to Bug 1514637, if not a duplicate.