Opening Side Panel with tabId parameter opens side panel on all tabs

[belthaZornv]

⚠️ If you have general Chrome Extensions questions, consider posting to the Chromium Extensions Group or Stack Overflow.

Describe the bug

I'm using:

https://github.com/GoogleChrome/chrome-extensions-samples/blob/main/functional-samples/cookbook.sidepanel-open/script.js

But the sidepanel stays open for all the tabs.

To Reproduce
Steps to reproduce the behavior, or file the issue is found in:

1. Go to 'cookbook'
2. Copy and paste the code to your code (background script)
3. Install and open sidePanel -> sidePanel on all tabs.

Expected behavior

SidePanel only open for the active tab

Screenshots
If applicable, add screenshots to help explain your problem.

Notes
Anything additional here. 🌈

[munr0]

Bringing attention to this – using chrome.sidePanel.open({ tabId: sender.tab.id }); still seems to open the tab-specific side panel on the intended tab, but also opens the global tab defined in the "default_path": in manifest.json everywhere else.

[Mohamed3nan]

I saw your comment her #987

--

Here's what finally worked for me:

function openSidePanel(windowId, tabId, scope) {
    const sidePanelPath = 'sidepanel/sidepanel.htmll';
    const options = {
        path: sidePanelPath,
        enabled: true,
        ...(tabId !== undefined ? { tabId } : { windowId })
    };

    if (scope === 'tab-specific' && tabId !== undefined) {
        chrome.sidePanel.setOptions(options, () => {
            chrome.sidePanel.open({ tabId });
        });
    } else {
        chrome.sidePanel.setOptions({ path: sidePanelPath, enabled: true }, () => {
            chrome.sidePanel.open({ windowId });
        });
    }
}

and in the Manifest file remove this:

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

finally, if you made any edits to the scope you must reload the extension