“Handling response” stuck on first app install when redirecting to Theme Editor

Extensions
1

Hi all,

I’m building a very simple embedded Shopify app with Remix + Polaris + App Bridge. The flow is:

  1. Merchant installs the app (first visit).
  2. They see an input field for a numeric, 4 digit key, specific to our platform.
  3. They click Save.
  4. We store that numeric key as a shop-level metafield, then immediately redirect them into the Theme Editor → App Embeds section.

The problem:
On the very first install, when they click Save, the interface changes to “Handling response” and never redirects. After a manual browser refresh, clicking Save works perfectly—no “Handling response” hang, redirect happens immediately.

I suspect Remix’s <Form> / loader-redirect dance inside an iframe is getting blocked the first time, but I haven’t been able to nail down exactly why. The merchant flow breaks until they reload, which is a terrible UX.

2

Hey @user121 :wave: thanks for breaking down the replication steps here, happy to take a look into this.

If you have a dev shop with the app installed, I can definitely take a look at this to try and replicate. If you’re able to share a shop ID/app ID - I can look into this locally and see if we can figure out what may be happening here.

Hope to hear from you soon!

3

Hey @Alan_G, thank you for your reply!

I believe this is the information you are asking about:

Dev store: george-testing-store-st.myshopify.com

Blockquote

4

I know it’s a dev store, but I’d suggest removing the API key and generating a new one so this one gets disabled.

I think Alan asked for the app ID, not api key :smiling_face:

1 Like
5

Thank you for the clarification! I was trying to figure out what the App ID is, I believe this might be it?

App ID: 240572530689

1 Like
6

Thanks @user121 (and @curzey !) - looking into this for you - I’ll loop back with you when I have some updates to share :slight_smile:

1 Like