What happened to fullscreen mode?

App Bridge
1

I am transitioning from appbridge 3.x to latest 4.

I cannot see any mention of how to get into fullscreen mode - which my app uses in several scenarios.

Closest match I can see is a max’ed out modal. As I can see it, this is how the current admin UI uses behind the scenes when my 3.x app goes into fullscreen.

However, I cannot see any guides on how to transition.
The React design of the 4.x modals are quite odd - as I understand them, the modal needs to be in the DOM tree always, and is then triggered by a show command (shopify.modal.show(..) )
This design is a major headache for me, as I render a 3D context in the window - and this is problematic when I want to show the same content in modal ( due to 3D context restrictions)

Are there any guides or howto’s to how to best get a working fullscreen mode?

thanks
Peter (RealtimeStack app)

2

We’ve run into the same issue while moving from App Bridge 3.x to 4.x. Fullscreen was part of several flows for us too, and I still can’t find any clear replacement in the 4.x docs.

Not sure if you ever found a workaround since this was posted a while ago, did you end up solving it?

3

No, ended up not doing full screen for those scenarios. User experience suffered, but I could not see any workaround that would be good enough.

4

Same here, I had to use the Modal in Max mode but it’s not as good.

5

Same issue, fullscreen mode was useful to visualise lots of data in our app, pretty sad it got removed with no replacement..

6

Shopify, any update on this?

7

This can be done by the App window component in the new Polaris web components: App window

It’s a full-screen modal. Not a perfect full screen but I assume is the replacement from Shopify