Shopify Problems

Johnny_Footwrinkle · Unread post by **Johnny_Footwrinkle** » 2024-10-25, 09:38

Linux Mint 20.3:
Palemoon:
64-bit:
https://www.puresourcenutrition.co.uk/ and https://phytality.co.uk:
Default theme:
ematrix:

If possible, please include the output of help->troubleshooting information (as text):

Hi, have been a palemoon user for over a decade and never had any real issues with it but recently I am having trouble with websites that use Shopify. When I click to go to checkout, the website hangs and I have to kill it via the system monitor

I have tried a clean profile with no addons but am unable to make purchases any longer. I know the shopify issue has been prevelant lately but I don't really understand all the technical jargon being posted on the forum and the fixes seem to lack instruction for how to implement, I may have missed a 'how to' or guide. I'm familiar with linux and confident enough to edit code and root around in system files but I don't really understand too much about browsers and what they are doing or what is causing the problems. I would like to keep using palemoon as Firefox and Librewolf, (which are my browsers for sites that palemoon won't function with, like meetyou.me for instances) still send data no matter how many edits I make, I have spent a considerable amount of time researching changes to firefox but still they send data, and I don't like it. I should be in control of what data my browser is sending, no one else, hence why I wish to continue using palemoon.

My error console is showing the following, although once I hit the checkout button the websites hangs and the menu no longer works to call the console, if it's open already it just freezes with the browser and no more errors appear

https://www.puresourcenutrition.co.uk/

Code: Select all


Error console

Timestamp: 25/10/24 10:05:52
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.


Timestamp: 25/10/24 10:05:52
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.


Timestamp: 25/10/24 10:05:52
Warning: Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/
Source File: https://www.puresourcenutrition.co.uk/collections/best-selling-products/products/psn-pea-protein-powder?variant=32505456099375
Line: 2230


Timestamp: 25/10/24 10:05:57
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.


Timestamp: 25/10/24 10:05:58
Error: TypeError: Currency.moneyFormats is undefined
Source File: https://www.puresourcenutrition.co.uk/cdn/shop/t/12/assets/theme.js?v=167175941041648868751605266322
Line: 1

Timestamp: 25/10/24 10:05:58
Error: TypeError: currency is undefined
Source File: https://www.puresourcenutrition.co.uk/cdn/shop/t/12/assets/theme.js?v=167175941041648868751605266322
Line: 1

https://phytality.co.uk/cart

Code: Select all

Timestamp: 25/10/24 10:08:56
Warning: Key event not available on some keyboard layouts: key=“i” modifiers=“accel,alt,shift” id=“key_browserToolbox”
Source File: chrome://browser/content/browser.xul
Line: 0

Timestamp: 25/10/24 10:09:07
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.

Timestamp: 25/10/24 10:09:07
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.

Timestamp: 25/10/24 10:09:14
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.

Timestamp: 25/10/24 10:09:20
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.

Timestamp: 25/10/24 10:09:20
Warning: Relative positioning of table rows and row groups is now supported. This site may need to be updated because it may depend on this feature having no effect.
Source File: https://phytality.co.uk/cart
Line: 0

Timestamp: 25/10/24 10:09:21
Warning: Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.

I appreciate there are a lot of 'solutions' already, I just don't know which soultion would be the best fix for me.

BenFenner · Unread post by **BenFenner** » 2024-10-25, 14:21

Shopify has been causing PM to completely hang with a known issue (look up the display:grid issue) that's been around for ~7 years now. There are a few threads about it with more information and I think a bug report in the tracker for it. Although searching the XUL and Pale Moon repo tickets I don't see a listing for it. =/

Related threads:
viewtopic.php?t=30623
viewtopic.php?t=30889
viewtopic.php?t=31344
viewtopic.php?t=31138
viewtopic.php?t=31010
viewtopic.php?t=30900
viewtopic.php?t=30282
etc.

Johnny_Footwrinkle · Unread post by **Johnny_Footwrinkle** » 2024-10-25, 14:51

BenFenner wrote: ↑
2024-10-25, 14:21
Shopify has been causing PM to completely hang with a known issue (look up the display:grid issue) that's been around for ~7 years now. There are a few threads about it with more information and I think a bug report in the tracker for it. Although searching the XUL and Pale Moon repo tickets I don't see a listing for it. =/

Related threads:
viewtopic.php?t=30623
viewtopic.php?t=30889
viewtopic.php?t=31344
viewtopic.php?t=31138
viewtopic.php?t=31010
viewtopic.php?t=30900
viewtopic.php?t=30282
etc.

Thanks for reply and sorry to be a pain but how do I actually install the modify http response filter? I never compile from gihub so not really sure where to put things and what to do with them. Thanks

BenFenner · Unread post by **BenFenner** » 2024-10-25, 20:07

I don't think I've ever actually used one of these filters, but I think this is how to go about that:
viewtopic.php?f=3&t=31281&p=252900#p252873

adoxa · Unread post by **adoxa** » 2024-10-26, 08:19

In addition to the filter I think you also need to change the user agent to work around apparent "legacy" issues - Firefox/111.0 was legacy, 121.0 was not (didn't bother narrowing it down any further than that).

Johnny_Footwrinkle · Unread post by **Johnny_Footwrinkle** » 2024-10-26, 15:33

adoxa wrote: ↑
2024-10-26, 08:19
In addition to the filter I think you also need to change the user agent to work around apparent "legacy" issues - Firefox/111.0 was legacy, 121.0 was not (didn't bother narrowing it down any further than that).

BenFenner wrote: ↑
2024-10-25, 20:07
I don't think I've ever actually used one of these filters, but I think this is how to go about that:
viewtopic.php?f=3&t=31281&p=252900#p252873

Thanks guys, success!

Have installed 'modify HTTP response' and the following header has done the job

Code: Select all

[["cdn.shopify.com",["/vendors.*\\.js/",["/(BlockStack:\".*? ).*? (.*?\")/","$1$2"]],["/shopifycloud\\/checkout-web\\/assets\\/.*\\.css/",["grid}._1","block}._1"]]]]

With the following useragent, text input was a bit laggy on the shopify side, but was fine when entering card details, I didn't actually buy anything but tested as far as 'pay now / 'review order' and everything appears to be working A-okay.

Code: Select all

 Mozilla/5.0 (X11; Linux i686; rv:131.0) Gecko/20100101 Firefox/131.0

Appreciate the help and love the fact I can continue to use Palemoon as before and I really hope / would love to see this project run for as long as possible.

Much respect to the team, have a Blessed Samhain all!

LuftWafflePilot · Unread post by **LuftWafflePilot** » 2024-11-15, 07:12

Moonchild, do you have any estimate when will this be fixed? Unlike lots of other webs, Shopify not working actually is a major annoyance.

Unread post by **Moonchild** » 2024-11-15, 08:32

LuftWafflePilot wrote: ↑
2024-11-15, 07:12
Moonchild, do you have any estimate when will this be fixed? Unlike lots of other webs, Shopify not working actually is a major annoyance.

I don't have an estimate because I don't know what causes the problem. "something to do with grid" isn't enough information.

LuftWafflePilot · Unread post by **LuftWafflePilot** » 2024-11-16, 15:56

Well, it seems to happen to absolutely everyone, so I thought it could be troubleshot somehow with enough knowledge.

Unread post by **Moonchild** » 2024-11-16, 16:36

I'm open to suggestions.

LuftWafflePilot · Unread post by **LuftWafflePilot** » 2024-11-16, 18:30

I'm just a simple user, I don't know anything about this. But I am pretty surprised. I guess you couldn't reproduce it or something.

Unread post by **Moonchild** » 2024-11-16, 19:28

LuftWafflePilot wrote: ↑
2024-11-16, 18:30
I guess you couldn't reproduce it or something.

I can reproduce the hang on shopify sites, but it doesn't help pinpointing the cause of it. Unfortunately Firefox never seems to have suffered from this issue (I wasn't able to reproduce it there with mozregression) or I wasn't able to hit a window with a temporary occurrence while bisecting.
If we can find out more exactly what the issue is, e.g. with a minimal testcase, then we can move forward, but lacking that, there's not much I can do at the moment.

My "suggestions welcome" wasn't necessarily just aimed at you either, but at anyone who might have an idea.

Unread post by **vannilla** » 2024-11-17, 22:05

Since I recently met the issue myself too, I decided to investigate.
I built a specialized browser extension to "disable" singular scripts after allowing the browser to download them. This was necessary because every script in the Shopify checkout come from the same domain and thus allowing the domain allows the problematic code too; since I'm not aware of any existing suitable extension I made my own.

I went to the Shopify site I was visiting when I met the issue and opened the checkout page with an item in the cart. I got the list of all loaded scripts and began enabling them one by one, refreshing the page each time waiting for the hang.
Eventually, I found that for this specific website I was using the issue lies in a script called "components-" followed by a sequence of characters.
Without this script the checkout does not work, but it's the culprit causing the hang and, in my case, an increase in CPU usage too.

I'm not sure the other sites have that script too, however since Shopify is a centralized platform I'm positive it's the same everywhere. If other people can check it'll be great, just disable scripts with eMatrix and check the source code (Ctrl+U) for that script.

The script is obviously obfuscated, but de-minifying it reveals that it's not that big: this one I'm looking at has a little more than 1k lines of "readable" code (i.e. spaces, tabs and newlines). Obviously reading it is still a significant work given that it's still obfuscated, but all things considered I want to be optimistic and believe with enough time someone can find the issue and generate a Modify HTTP Response filter to work around it.

BenFenner · Unread post by **BenFenner** » 2024-11-17, 23:30

vannilla wrote: ↑
2024-11-17, 22:05
I'm not sure the other sites have that script too, however since Shopify is a centralized platform I'm positive it's the same everywhere. If other people can check it'll be great, just disable scripts with eMatrix and check the source code (Ctrl+U) for that script.

I tried www.obsessedgarage.com and with JS disabled via eMatrix the source code for the checkout page (which usually hangs Pale Moon) doesn't show any "components-" scripts but does show a lot of polyfill and legacy scripts trying to be served. Maybe you want to give it a try there? I'm not exactly sure what I'm looking for.

Unread post by **vannilla** » 2024-11-18, 08:41

BenFenner wrote: ↑
2024-11-17, 23:30
www.obsessedgarage.com [...] doesn't show any "components-" scripts

It's called "component-" and I might have misread an additional S in that other site too. Opening the source code and then searching for "compo" brings it up for me.
At a glance that file looks like to be the same across all sites like I would expect as I said in my previous post.

BenFenner · Unread post by **BenFenner** » 2024-11-18, 13:43

I'm being a bit lazy. Can you post a de-minified version of that file here (or link a gist or similar)?

From there I could try working on a minimum viable script to reproduce the hang.

Unread post by **vannilla** » 2024-11-18, 15:40

Looks like it was a red herring: the real issue is in app-, which is a 60k lines file after unminifying it.
The hang does not happen until the component- is enabled because app- is not "activated" (for a lack of a better word) unless component- is executed.
The file has one MutationObserver which is known to cause hangs when mishandled, so maybe it's a starting point?
I'm attaching the unminified code to this post if anyone wants to take a look.

Unread post by **Moonchild** » 2024-11-18, 16:32

Code: Select all

                            o = zt(() => {
                                if ("undefined" != typeof window && window.MutationObserver)
                                    return new MutationObserver(() => {
                                        if (!t.current) return;
                                        const { height: e } = t.current.getBoundingClientRect(),
                                            r = n.current;
                                        if (null == r || e === r) return;
                                        const a = { height: `${r}px` },
                                            o = { height: `${e}px` };
                                        t.current.classList.add(jX.Animating),
                                            (t.current.animate([a, o], OX).onfinish = () => {
                                                var e;
                                                null === (e = t.current) || void 0 === e || e.classList.remove(jX.Animating);
                                            });
                                    });
                            }, []);

It does look like they are mishandling MutationObservers.
In the observer they modify the current element by adding a class, triggering an animation and then removing the class. Self-modification inside a MutationObserver easily causes a hang because the observer callback triggers the observer itself.

adoxa · Unread post by **adoxa** » 2024-11-19, 08:16

I don't think it's the MutationObserver (it didn't trigger in the debugger), but buggered if I could track it down. Thought it might be publishMessage-, as blocking that makes it work, but it still froze while I was setting breakpoints. That's when I gave up, just change the user agent.

Here's an updated filter to work with Obsessed Garage.

Code: Select all

[["cdn.shopify.com",["/(?:shopifycloud\\/checkout-web\\/assets\\/|vendors-).*\\.css/",["grid}._1","block}._1"]]]]

Unread post by **Moonchild** » 2024-11-19, 09:13

adoxa wrote: ↑
2024-11-19, 08:16
I don't think it's the MutationObserver (it didn't trigger in the debugger), but buggered if I could track it down.

It's still a mishandling of it ;P

Either way I wish I could track it down as well but have been unable to.

Pale Moon forum

Shopify Problems Topic is solved

Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems

Re: Shopify Problems