Black bar on right when developer tools is opened

Brass Contributor

Anyone seen where a blank black bar appears on the right hand side when developer tools is opened? It's something coming from the browser's chrome, as it doesn't show as being part of the <html> element when inspected in developer tools.




This is happening on the Dev channel on both MacOS and Windows 10 for me. It is not happening on the Stable channel.

15 Replies
@keeganwitt That's interesting, what platform have you taken the screenshot? For me there is no black bar and the DevTools manager comes on the side, not the bottom. Maybe it's a placeholder for an upcoming feature.

@Kam The screenshot was on Windows, but I've observed the problem on both Windows 10 and MacOS.  Dev tools is on the right I think by default, but you can pin it to left, right, or bottom, or pop it out into it's own window. Chrome has had that ability for years. Click the 3 dots next to X and select "Dock side" to change that. If it is docked on the right, it covers the bar, so it seems there's some code assuming it's gonna be on the right.



@keeganwitt Here's how it looks for me:


Are you asking why it looks black? It's because I enabled a secret flag :) 


@Kam That's still got the dev tools on the right. What does it look like for you when you dock the tools at the bottom?

I also disabled vertical tabs. That didn't seem to make a difference.

@Kam The 3 dots button to the left of the close button that's on the dev tools. It's a little hard to see in you screen because it's black, but it's there. That's what my second picture shows.

Yeah, it doesn't make a difference, @keeganwitt.


How can we fix this?

I enabled it and I have the same problem.



@Kam OK, so it is a bug for sure then. I've reported this via "Send Feedback".

@Kam we are tracking this one in the Chromium bug database as well (thanks so much for sending feedback!):



@johnjansen You're welcome!

@johnjansen Edge Dev must be based on a slightly different build than Chrome Dev, as I don't see it there. I see Edge Dev version is 88.0.673.0 and Chrome Dev version is 88.0.4302.0. Are those numbers comparable? Or are they not necessarily the same thing other than the major version?

Looks today's update had the fix. Yay!