CODEWITHSUNDEEP
google-chrome-extensiongoogle-chrome-devtools
Kyeotic
Kyeotic

Reputation: 19847

SidebarPanel Size in DevTools

Surprisingly the SideBarPanel is not the full height of the container by default. I can't figure out how to make it 100% height. This is what it looks like currently.

enter image description here

Notice how its a little less than half the height of the sidebar container. Other panels don't have this issue. I've tried setting the html and body of the panel to 100% through CSS, and I've tried calling

sidebar.setHeight('100%');

both before and after sidebar.setPage. Instead of doing anything, it causes nothing to be displayed (probably because it doesn't support % height from this method). I don't know how to debug the JS or CSS of devtools extensions, so I am not sure how to figure out what is breaking. I know error's can be viewed from the Chrome Devtools Extension, but no error is thrown in this case.

As a bonus question, showing me how to debug devtools extensions would be nice. (Googling impossible since you just get normal debugging guides.)

Upvotes: 3

Views: 1051

Answers (1)

adean
adean

Reputation: 708

In case anyone else comes across this when googling, this looks like it's currently fixed in Chrome canary: https://bugs.chromium.org/p/chromium/issues/detail?id=438126

Upvotes: 1

Related Questions