Embedded app stopped visually switching tabs

Solved
Highlighted
Tourist
10 2 0

I had a fully working embedded app (React, Node) that stopped showing active tabs overnight.

Video demo: https://gyazo.com/08c8672ff658cd1b2b3c8292d3259a05

There were no code changes and rolling back the app to a week prior still has the issue.

If I refresh the entire page Shopify switches the tab, but will persist that tab regardless of what I select next.

Does anyone know what setting in the <Provider> component alerts Shopify of tab changes?

0 Likes
Shopify Staff
Shopify Staff
23 4 7

Hi keiraarts,

 

Thanks for the bug report, I’m looking into it. By overnight, do you mean sometime between Sept 17 and Sept 18?

 

To help me narrow this down, are you using client-side routing, ie using React Router? Does your app use the method described under 'Using client-side routing' here: https://help.shopify.com/en/api/embedded-apps/app-bridge/actions/navigation?

 

Iain

0 Likes
Tourist
10 2 0

Yes @iain-campbell - at Sept 17th 2:00AMEST the app stopped visually responding to tab switching.

It's important to know the content still changes, the tab just doesn't get the underline. Rolling back the app to different versions from the app development still has the same problem. 

https://gyazo.com/bcc35767ac2f0bf770912ef855b4646d

The app is not using React Router. It's being served by Nextjs. I'm not manipulating the app context or app history when a new tab loads.

If you can give me your email, I can share my full git repository with you!

0 Likes
Shopify Staff
Shopify Staff
23 4 7

Got it, thanks for clarifying for me. I think we’ve identified the issue on our end. There’s nothing wrong with your app :) A recent change we shipped had an unintended side effect. We’ll update you once our fix has shipped.

1 Like
Tourist
10 2 0

Thank you! I owe you one for investigating this mystery.

0 Likes
New Member
1 0 1

I was going crazy trying to figure out what I did to break this. Same setup here (next.js, node, react) and same problem with the navigation working, but the active page indicator not changing. 

 

Thanks!

1 Like

Success.

Tourist
10 2 0

Looks like the tabs switch again! 

0 Likes
Shopify Staff
Shopify Staff
23 4 7

Yes, our fix is live. Thanks for confirming!

0 Likes