Issue: s-app-nav rel="home" Reloading Embedded App Unexpectedly

App Bridge
,
1

Hi everyone,

I’m facing an issue in my Shopify embedded app.

We are using s-app-nav for app navigation. Previously, when clicking on the navigation item with rel="home", it would navigate internally without reloading the app. However, now when clicking the rel="home" route, the entire app reloads.

:magnifying_glass_tilted_left: Details:

  • App Type: Shopify embedded app (inside Shopify Admin)

  • Navigation: s-app-nav

  • Issue: Clicking on navigation item with rel="home" causes full app reload

  • Previous Behavior: Internal navigation without reload

  • Code: No recent changes were made to the navigation implementation

:red_question_mark: Question:

Has there been any recent change in Shopify App Bridge or navigation behavior that affects how rel="home" works?

Is this expected behavior due to updates in:

  • Shopify App Bridge JS?

  • Shopify admin navigation handling?

  • s-app-nav internal routing changes?

Would appreciate any guidance or confirmation if others are experiencing the same issue.

Thanks in advance :folded_hands:

2

@jaymit_b May I know which shop and app has this issue?

3

We are seeing the same issue. Home “App name” click is causing the app to reload completely. This was not the case previously.

@jaymit_b were you able to resolve this on your end?

4

We’re facing the same issue. The Max Modal is also not working, which prevents our app from functioning.

5

@jaymit_b @Henry_Tao @Fio
I had this same problem. I contacted my friend, and he gave me a solution. This solution is temporary. I checked, and it works in my app. I didn’t do it alone, my friend has the credit for this. Tried to create that profile and tried to reply but it is on hold.

Home

For example, APP URL: https://yourdomain.com/test-app/

When you click on the Home menu, in redirect (https://yourdomain.com/)to the page.

We have created an index PHP file on that page. https://yourdomain.com/index.php

<?php

if (!empty($_REQUEST['shop'])) {

    define('SHOPIFY_CLIENT_PATH', 'https://yourdomain.com/test-app/');

    // Set variables for our request


    $shop           = $_REQUEST['shop'];


    $host           = $_REQUEST['host'] ?? '';

    $redirect_url = SHOPIFY_CLIENT_PATH . 'home.php?shop=' . $shop . '&host=' . $host;


    header("Location: " . $redirect_url);

 

}
6

Hey folks, we’re investigating this now. We’ll let you know when we have a fix for it.

8

Still happening on our end, both in prod and locally, so doesn’t seem env-specific.

Repro: leave the app, come back via “last accessed app” in the navbar — home route fails to load and we get the generic Shopify placeholder instead. Reload fixes it every time.

Console shows:

Uncaught (in promise) InvalidStateError: Transition was aborted because of invalid state

all inside Shopify’s own bundles, nothing from our app. Our server doesn’t even get a request when it happens.

Also tried gutting our home route to just static text with zero DB/API calls — still happens, so it’s not a slow-loader thing either.

Any update on this?