Nav bar broken in iOS app with App Bridge V4

App Bridge
1

Hello. The nav bar appears to be broken in iOS app with App Bridge V4. We’re using discard/save component with v4 max model and isn’t supported in the Shopify iOS app (won’t work on iPhone or iPad). It works fine in the mobile view on web, but is broken on iOS (I’ve heard on Android as well, but haven’t verified myself).

This appears to be the related GH issue: Max modal Appbrige V4 responsive issue on Ipad · Issue #356 · Shopify/shopify-app-bridge · GitHub

See example below. I’ve also recorded a screencast of the issue, but can’t upload here so I’ve attached it to the GH issue here.

What’s the guidance here since it makes apps using the max modal with App Bridge V4 unusable?

399388853-f7e26be4-701b-4bd5-aaef-342afe303ac7
399388853-f7e26be4-701b-4bd5-aaef-342afe303ac71036×520 37.3 KB

1 Like
2

Hey Gabe,

Have flagged this to the App Bridge team - will let you know what I hear back!

1 Like
3

Awesome, thanks Liam!

4

Hi again Gabe,

The product team are exploring a fix for this - I’ll keep an eye on the issue internally and report back.

1 Like
5

Great, thank you Liam!