CODEWITHSUNDEEP
banno-digital-toolkit
Darin R
Darin R

Reputation: 13

Opening content in new tab with banno-plugin-framework-bridge on mobile devices

We're using the banno-plugin-framework-bridge package. Our goal is to open content in a new tab when a user clicks on a link in our plugin in the dashboard, and to open full screen on native mobile. According to the package's documentation, setting target="_blank" should do this, while target="_top" should open the content in an expanded view within the same window.

The problem I'm seeing is that, with target="_top", the content is loaded in full screen in the same tab. The behavior in the native app seems to be what I'd expect on a Pixel device. But on some devices, the content opens in the iframe in the dashboard. Specifically, this issue occurs consistently on a Samsung S8 device, and frequently on one iPhone 12 but not on another.

If I set target="_blank", it opens in a new tab on web, but within the dashboard iframe in the native app on the Pixel device. So it seems like the behavior is different between devices, and I might not be understanding the documentation properly.

Is there a known solution or workaround for this issue? Am I missing something in the documentation for the banno-plugin-framework-bridge package? To open content in full screen consistently on both web and native, which target value should I use?

Any insights or suggestions would be greatly appreciated.

Upvotes: 0

Views: 164

Answers (1)

Darin R
Darin R

Reputation: 13

Update: I think we've found a solution. Our UI framework by default loads 3rd-party scripts after page interactivity. I changed it to load the Banno plugin script before page interactivity. That seems to have fixed it. So it's a matter of when the Banno plugin JS loads.

Upvotes: 1

Related Questions