Embedded app loads OK on Chrome, but not on Firefox or Safari

Technical Q&A
1

Hi,

Using:
ruby-3.1.2
Rails 7.0.2.3
shopify_api (10.0.2)
shopify_app (19.0.1)
shopify-cli (2.15.6)

I’ve gone through the app create steps at https://shopify.dev/apps/tools/cli/getting-started.

In Chrome, installing the app gives the expected result; I get a list of products in my dev store in the app admin.

However, in both Firefox and Safari the installation process hangs after leaving the admin page and never returns, as illustrated.

firefox_install.jpeg
firefox_install.jpeg2206×342 50.6 KB

If I refresh the Firefox/Safari page, the app admin iframe loads but the resulting text is the same, and the products do not load.

My naive troubleshooting seems to point to the Firefox & Safari browser installs stopping at line 13 in views/home/index.html.erb, below. In other words, I don’t think the ‘await import(“lib/shopify_app”)’ is returning.

Can anyone provide any help in resolving this issue?


  
    
    
    
    
  
  
    ## Products
    
Loading...

    ## Webhooks

    <% if @webhooks.present? %>
    
      <% @webhooks.each do |webhook| %>
      - <%= webhook.topic %> : <%= webhook.address %>
      <% end %>
    

    <% else %>
    

This app has not created any webhooks for this Shop. Add webhooks to your ShopifyApp initializer if you need webhooks

    <% end %>
2

I’ve submitted this as an issue to https://github.com/Shopify/shopify_app/issues/1417. Also, I’ve made a repo with a Dockerfile and instructions that creates a simple app to illustrate the issue… https://github.com/fairknowe/Issue1417