Add devtools.panels.ExtensionSidebarPane.setHeight

[rebloor]

Description

I documentation for devtools.panels.ExtensionSidebarPane.setHeight

Motivation

To complement the browser compatibility data added in mdn/browser-compat-data#22182

[github-actions]

Preview URLs

• /en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/ExtensionSidebarPane/setHeight
• /en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/ExtensionSidebarPane

Flaws (1)

Note! 1 document with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/ExtensionSidebarPane/setHeight
Title: devtools.panels.ExtensionSidebarPane.setHeight()
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: webextensions.api.devtools.panels.ExtensionSidebarPane.setHeight

External URLs (1)

URL: /en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/ExtensionSidebarPane/setHeight
Title: devtools.panels.ExtensionSidebarPane.setHeight()

• https://developer.chrome.com/docs/extensions/reference/devtools_panels/ (1 time) (Note! This may be a new URL 👀)

[dotproto]

The setHeight() method is exposed on the ExtensionSidebarPane interface, not on the panels namespace in devtools. To my knowledge the only way to get a reference to an instance of this this interface is to create a pane using the createSidebarPane() method on certain ExtensionPanel instances: elements, network, and sources. Chrome supports all 3 of these, but Firefox only supports elements.

Please adapt this code to the appropriate conventions.

Suggested change

	let setting = browser.devtools.panels.setHeight(
	height, // string
	)
	browser.devtools.panels.elements.createSidebarPane("My Pane", (pane) => {
	pane.setPage("elements-pane.html");
	pane.setHeight("200px");
	});

[dotproto]

According to mdn/browser-compat-data#22182 this method is only supported in Chrome. Chrome's implementation does return a promise or accept a callback. When called, it immediately returns undefined.