Safari bug on product pages

[fhorstmann]

getting two js errors on the product detail page: 1). the product js script fails to load and shows a 401 (Unauthorized) error and 2). An Unhandled promise rejection SyntaxError (DOM Exception 12). I haven't touched the core theme files so I'm not sure why these errors would show up only in Safari unless the theme has a bug? Chrome and Firefox don't show any errors in the console. The error prevents me from being able to add anything in the cart and when doing so sends me to a new page /cart/add that says, "Parameter Missing or Invalid: Required parameter missing or invalid: id".

[badantlerday]

Any news on this?

[studio404pl]

@fhorstmann @badantlerday find function getProductJson() here:
https://github.com/Shopify/starter-theme/blob/master/src/scripts/sections/product.js#L62

and change it to:

getProductJson(handle) {
    return fetch(`/products/${handle}.js`, {
      credentials: 'include'
    }).then((response) => {
      return response.json();
    });
  },

it gets rid of 401 error and any further complications.

Looks like Safari default policy is different than in other browsers and passing credentials have to be forced. Here are the details:
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Sending_a_request_with_credentials_included