1801701 - Disappearing scrollbar in DevTools debugger

Status: NEW

(DevTools :: Debugger, defect, P3)

Description

[Michal Niedziolka]

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

Steps to reproduce:

https://drive.google.com/file/d/1fnOnEZpLIzYBrSM5PVkSfU8P1jxI2w1s/view?usp=sharing

1. Open JavaScript debugger on any file, in which both vertical and horizontal scrollbar is visible
2. Place mouse inside code area and keep it idle for few seconds, until scrollbars are completely gone.

Actual results:

Scrollbars are not brought back after moving mouse around, like in typical websites. The only way to show them again, is to move content during text selection.

Expected results:

Scrollbar should be shown again, after any mouse movement.

Comment 1

[BugBot [:suhaib / :marco]]

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

Comment 2

[Hubert Boma Manilla (:bomsy)]

Thanks for reporting!
This works for me on Mac OS, so it might be Windows specific.

Honza,
Pls do you see this issue on your windows?

Comment 3

[Michal Niedziolka]

I am using Windows 11 x64 22H2.

Comment 4

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: obrazek.png

I can't repro, but perhaps because I don't have overlapping (like OSX) scrollbars?
Can I somehow set it for my Win 10 OS?

Comment 5

[Michal Niedziolka]

I have smaller scrollbars by default on Firefox stable & Firefox nightly.
There is a firefox config widget.non-native-theme.scrollbar.style which allows to change style of the scrollbars, so they look like yours: https://i.imgur.com/f7EI12B.png
It didn't solve the problem for me. I believe problem is with Windows 11 setting Accessibility | Always show scrollbars. When I have set it to true, scrollbars no longer disappear.

Comment 6

[Julian Descottes [:jdescottes]]

Hi,

Can you check if you see the same issue on the codemirror test page at https://codemirror.net/5/demo/html5complete.html ?

Thanks

Comment 7

[Michal Niedziolka]

Yes, codemirror scrollbars are also hidden. Actually in there it seems worse, because those scrollbars are now displayed after initial page load: https://drive.google.com/file/d/1fNIhGeSVsbhVFvt6A7avgmYiv4zBIKZc/view?usp=share_link

Comment 8

[BugBot [:suhaib / :marco]]

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

For more information, please visit auto_nag documentation.

Comment 9

[Julian Descottes [:jdescottes]]

Cannot reproduce on Windows 10, Honza will test on Windows 11

Comment 10

[Jan Honza Odvarko [:Honza] (always need-info? me)]

I can reproduce the problem using STRs from the comment #0
Tested on Win 11 with Firefox 108 release and Firefox 110 nightly

1. Open JavaScript debugger on any file, in which both vertical and horizontal scrollbar is visible
2. Place mouse inside code area and keep it idle for few seconds, until scrollbars are completely gone.
3. Scrollbars are not brought back after moving mouse around, like in typical websites. The only way to show them again, is to move content during text selection.

Honza

Comment 11

[Julian Descottes [:jdescottes]]

Thanks for checking Honza! We should file an issue on https://github.com/codemirror/codemirror5/issues then

Comment 12

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: obrazek.png

I also tested this page https://codemirror.net/5/demo/html5complete.html

1. Firefox
   I am seeting the same problem as described in comment #10

2. Chrome
   In this case CodeMirror is not using overlapping (like OSX) scrollbars, so the problem is not visible. Screenshot attached