[Bug - Edge Addons] Sidepanel API reloads app on every tab

[bjohnsonfrontsteps]

In edge, an angular app is re-initialized each time the user switches tabs while the global sidepanel is open. In chrome, the app is not re-initialized (expected behavior)

To Reproduce Steps to reproduce the behavior:

• Clone the repository at https://github.com/bjohnsonfrontsteps/extension-issue
• npm install
• run ng build
• load unpacked the www output folder in both chrome and edge
• click the extension to open the sidepanel. (this displays the reload count in the UI)
• In edge, with the sidepanel open, switch between tabs and notice the reload count increment.
• In chrome, with the sidepanel open, switch between tabs and notice the reload count remain at 1.

OS: [MacOS, Windows 11]
Browser [Edge]
Version [Version 130.0.2849.68 (Official build) (arm64)]

[ManikanthMSFT]

Hi @bjohnsonfrontsteps, thank you for reporting this. We are looking into this and will let you know as soon as we have an update.

[shoopapa]

We are also running into this issue on mac and windows, specifically these versions of Edge

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0

[ManikanthMSFT]

Hi @shoopapa, thank you for reporting this. We have forwarded this to our team and once we get an update we will write back to you.

[shoopapa]

Hi @ManikanthMSFT, bringing this up again.
Sidepanel extensions are highly hindered on edge, we are having to store nearly every state value into local storage to persist state when users switch tabs, very untenable. (our use case has a form and its common for users to change tabs to find the values they need)
Also happy to contribute if you can point me in the right direction