Appbridge resource picker keep refreshing the page in firefox.

divyangsojitra
Shopify Partner
8 0 0

Hey everyone,

We are developing an App using react polaris+appbrige and backend as node.js with the express server.

Everything works perfectly in chrome but when I tried to open resource picker in firefox its keep refreshing the page without loading products.

When we commented resource picker code, our app works fine in firefox also.  We have also tried other app bridge components those also works fine in firefox.

Below is my code for the resource picker. Don't know what causes this error but it should be related with Shopify API that calls when resource picker loads data from Shopify. 

 

 

<Provider config={{ apiKey: process.env.APPKEY, shopOrigin: process.env.SHOP, forceRedirect: true }} >
        <AppProvider>
          <ResourcePicker
            resourceType="Product"
            showVariants={false}
            open={isOpen}
            onSelection={(resources) => handleSelection(resources)}
            onCancel={() => isOpen = false}
            allowMultiple={false}
          />
        </AppProvider>
      </Provider>

const handleSelection = (resources) => {
    console.log(resources)
};

 

 

 

Please be needful for this issue.

thanks

0 Likes
Greg_Kujawa
Shopify Partner
1016 83 237

This appears to be a known quirk between how Firefox handles this element and how the App Bridge is implementing things. See this --> https://github.com/Shopify/shopify-app-bridge/issues/8.  

iain-campbell
Shopify Staff
Shopify Staff
54 9 21

This is a known issue that we're currently investigating!

It would be helpful if you could you provide a link to your app installed on a shop, so we can reproduce the error. Please also provide instructions on how to open the resource picker in your app. You can private message me if you don't want to post this publicly.

iain-campbell | Developer @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

0 Likes