976715 - Scrollbar of dark theme breaks mouse interaction

Status: RESOLVED INVALID

(DevTools :: Console, defect, P3)

Description

[Alice0775 White]

Steps To Reproduce:
1. Open Web Console
2. Open Web page so that the console has vertical scroll bar
3. Paste a long line of code as follows into the console and press Enter
console.log({}) // -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
4. Attempt to click [object Object]

Actual Results:
It is difficult to click [object Object], because horizontal scrollbar interferes [object Object]

Expected Results:
horizontal scrollbar should not interfere any other contents

Comment 1

[Alice0775 White]

Attachment: screenshot

Comment 2

[Sylvestre Ledru [:Sylvestre]]

Dave, do you know someone who could help here? thanks

Comment 3

[Joe Walker [:jwalker]]

Updated CC and component so we triage properly

Comment 4

[Brian Grinstead [:bgrins]]

I'm not sure what the best solution for this is.  Floating scrollbars, like being used here, cover up the content rather than reserving their own space.  This can be seen in the main Firefox scrollbars on OSX as well.

Maybe we could add a bit of extra padding at the bottom of the console so (at least part of) the bottommost output can be clicked.  But I notice in the screenshot that the output is not vertically scrolled all the way down - in this case extra padding at the bottom won't make a difference, only scrolling down will.

Comment 5

[Brian Grinstead [:bgrins]]

Tested with the following script in the console:

for (var i = 0; i < 500; i++) { console.log(new Array(i).join("*")); } console.log({})

Comment 6

[Sylvestre Ledru [:Sylvestre]]

Not tracking anymore. I don't think we will block 29 because of this bug.

Comment 7

[Nicolas Chevobbe [:nchevobbe]]

we don't have the floating bar anymore + we never overflow horizontally.