Two toolbar icons after updating to WebExtension

Hi everyone, I am testing my WebExtension upgrade, I followed this doc https://developer.apple.com/documentation/safariservices/safari_web_extensions/converting_a_safari_app_extension_to_a_safari_web_extension

I have the previous App extension installed, but when I installed the new WebExtension app, I see two icons on the toolbar, one is not clickable. (screenshot here https://drive.google.com/file/d/1Sl-0a_-zWaI6wFunbVaXRlQnyocrjQwB/view)

After I enable the WebExtension and restart Safari, there is only one toolbar icon and everything works fine.

I would like to ask does anyone also have seen this issue? I am testing everything with self-signed apps, will this issue still occur when we publish the app on store?

Thanks a lot

Just to be more detailed, when I migrating to WebExt, I didn't remove the AppExt bundle in my app.

So the app have both AppExt and WebExt, and WebExt has the SFSafariAppExtensionBundleIdentifiersToReplace key to replace the AppExt.

I was hoping the app can be compatible with both Safari 12/13 and Safari 14+.

Is this a valid practice?

Thank you very much

Hi,

We are migrating our application from a Safari App Extension to a Web Extension and have encountered a similar issue. During local testing, we see two icons on the Safari toolbar after installing the Web Extension, but only one is functional. The issue resolves after restarting Safari, but this would be an inconvenience for our users, and we might need to include onboarding screens in the new version to avoid confusions.

We’re curious if this behavior persisted for you after publishing the extension to the App Store. Is there anything we can do to prevent this issue from happening?

Thank you!

Two toolbar icons after updating to WebExtension
 
 
Q