Scroll in Devtools Does not work in Firefox browser

[safwanrahman]

Steps to reproduce (assumes ChromeVox or similar)

1. Go to the Devtools Menu from Firefox
2. Add many query in the console
3. Try to scroll using trackpad or mouse

Actual Result

4. It does not scroll to down

Expected Result

4. I should be able to scroll in Firefox. In chrome, I can scroll, its not working in Firefox

Meta Issue

Kibana Version: 6.7.0

Relevant WCAG Criteria: [#.#.# WCAG Criterion](link to https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0)

[elasticmachine]

Pinging @elastic/kibana-design

[elasticmachine]

Pinging @elastic/es-ui

[cchaos]

I would say this is the fault of Ace/Brace as it's handling the overflow.

[cjcenizal]

I can't reproduce this on master. I think we may have incidentally fixed this with our EUIfication work. If anyone can verify that this is still a problem we can reopen this.

[deMD]

Most definitely still an issue in Firefox 100.0.1 (64-bit), scroll just stops randomly after some time, sometimes not working at all and sometimes start working again for a bit after manually scrolling. Seems like it losing focus on the element.

edit: scroll does seem to work consistently when hovering over the scroll bar, but that bar is pretty narrow so a terrible user experience to have to do that :(

[cjcenizal]

@deMD Thanks for re-raising this. Which version of Elastic are you using?

[deMD]

Hi, I am currently running on v 8.1.0 and on v 7.17.1 who both have the same issue.

[cjcenizal]

Thanks, I'll reopen this.

[matteocontrini]

I'm also seeing a similar issue on both Firefox and Chrome. Scrolling sometimes gets stuck and then starts working again after a few tries.

[ceeeekay]

I've been having this problem for the longest time and finally looked it up and found this issue.

Scrolling either dev tools pane is extremely sketchy, so much so that I've resigned myself to using the keyboard to pgup/pgdn instead.

Occasionally you can get a good few pages of scroll in with the trackpad, other times it will only move a pixel or so and then refuse any further scroll input unless you release the trackpad and try again after a few seconds. Scroll bars don't appear at all when this is happening so it's not even registering that I'm trying to scroll.

It "feels" very much like a focus issue but the fact that it will scroll again after a pause makes this seem unlikely.

Firefox 111.0
MacOS Ventura 13.1
MB Air M2
ES/Kibana 8.6.2

[Damien-Renier]

Hi all,
I face the same issue with Firefox 121 and Kibana 8.1
I decreased the annoyance of my problem by creating a new bookmark in FireFox.

I noticed that putting the cursor on the 20px DIV on the left of the scrollbar will allow me to scroll.
The bookmark below executes JS code to set the width from 20px to 200px and that increases the part of the screen my cursor must be in to scroll.

I edited the URL and replaced it with:

javascript:(
function(){
document.getElementsByClassName("ace_scrollbar ace_scrollbar-v")[0].setAttribute("style", 'width: 200px !important;');
document.getElementsByClassName("ace_scrollbar ace_scrollbar-v")[1].setAttribute("style", 'width: 200px !important;');
}
)();

I still have to click on the bookmark everytime I enter the Dev Tools but I find it easier that way than using the keys pgup/pgdn

[yuliacech]

Since Console is now migrated to Monaco, I'm closing this issue. If the problem with scrolling persist in Monaco, please feel free to re-open