Opening SidePanel with tabId Results in Global SidePanel

[eboraks]

Opening SidePanel with tabId Results in Global SidePanel

[AmySteam]

@eboraks Have you tried removing the default side panel declaration in the manifest?

  "side_panel": {
    "default_path": "sidepanel/sidepanel.html"
  },

[ehynds]

For other users who might land here, if you have code that looks similar to this:

await chrome.sidePanel.setOptions({
  tabId,
  path: 'panel.html',
  enabled: true,
});

await chrome.sidePanel.open({
  tabId,
});

And are receiving this error:

Uncaught (in promise) Error: No active side panel for tabId

Make sure you're calling setOptions before open. After making that change, you might start experiencing this error:

Error: `sidePanel.open()` may only be called in response to a user gesture

To fix, remove await from the setOptions call. Final working code (for me anyway):

chrome.sidePanel.setOptions({
  tabId,
  path: 'panel.html',
  enabled: true,
});

await chrome.sidePanel.open({
  tabId,
});

[zakariaelh]

This works, thank you @AmySteam!

[eboraks]

I added the following code to see the relationship between tabId and sidePanel

chrome.tabs.onActivated.addListener(async ({ tabId }) => { const { path } = await chrome.sidePanel.getOptions({ tabId }) console.log('tabId: ' + tabId + ' path: ' + path) })

As I moved between tabs that console printed the following.

background.js:31 tabId: 1101905827 path: sidepanel/sidepanel.html
background.js:31 tabId: 1101905829 path: sidepanel/sidepanel.html
background.js:31 tabId: 1101905856 path: sidepanel/sidepanel.html

[zakariaelh]

hey there, were you able to resolve this? I'm having the same issue and it looks like the documentation says that this behavior is somehow expected.

The tab in which to open the side panel. If the corresponding tab has a tab-specific side panel, the panel will only be open for that tab. If there is not a tab-specific panel, the global panel will be open in the specified tab and any other tabs without a currently-open tab- specific panel. This will override any currently-active side panel (global or tab-specific) in the corresponding tab. At least one of this and windowId must be provided.

link