web shops based on Shopify miss content (URLs in post)

[andikay]

I noticed that PM is having issues displaying content in Shopify-powered web shops that either make it inconvenient to use the shop or just outright impossible to use the shop (aka gotta use FF instead). I used the forum search to look for current topics about Shopify but couldn't find any that fit this issue, so I opened a new one. All of the following examples have been tested with PM 32.5.0 64bit with a fresh profile without any addons active.

First example: https://eu.seekdiscomfort.com/collections/all-products - not a single product is listed on this site, it's empty, even though it should list all products available in the shop. The following errors can be found in the dev console:

Code: Select all

SyntaxError: missing ; before statement
40a115d736494ae0bf5b6b65c715868d.js:1:9

Code: Select all

Unhandled promise rejection ReferenceError: PerformanceObserver is not defined
Stack trace:
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:58731
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:59527
c/</<@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:7142
c/<@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:7247
lt/<@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:6162
h@https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js?v=20220906:1:15361
lt@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:5907
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:58601
Hc/<@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:61957
Hc@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:61760
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:68943
Ut/<@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:12649
i@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:10949
Bt@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:11000
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:131836
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:131914
@https://cdn.attn.tv/tag/4-latest/unified-tag.js?v=4-latest_4b3b6bf4e7:1:131938
  
storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:14586

x/</e< https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:14586
	st</t.exports https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:12899
	x/< https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:14459
	rt</t.exports https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:10829
	<anonymous> https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:11437
	w https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:11295
	y https://eu.seekdiscomfort.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js:1:11317

Code: Select all

TypeError: E.get(...).then(...).catch(...).finally is not a function
Stack trace:
[4175]/ve</<@https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/filter.js:1:452844
ai@https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:183140
xs@https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:203367
Ss/</<@https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:199957
x@https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/main.js:1:378866
B@https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/main.js:1:379400
  
vendor.js:1:161250

du https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:161250
	hu/n.callback https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:161479
	jl https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:142893
	wi https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:190847
	ki https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:190280
	bi https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:189816
	Ss/< https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:201653
	Ss https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:202168
	ss https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:195887
	Va https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:136280
	xs https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:203509
	Ss/</< https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:199957
	x https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/main.js:1:378866
	B https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/main.js:1:379400

Code: Select all

TypeError: E.get(...).then(...).catch(...).finally is not a function[Learn More]  
filter.js:1:452844

[4175]/ve</< https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/filter.js:1:452844
	ai https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:183140
	xs https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:203367
	Ss/</< https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/vendor.js:1:199957
	x https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/main.js:1:378866
	B https://boost-cdn-prod.bc-solutions.net/theme/default/1.1.8/main.js:1:379400

Second example: https://knightriderhistorians.com/collections/all - products show up normally in this shop, but every product you click does not show the product image, for example https://knightriderhistorians.com/produ ... ital-files is missing the product picture on the page. The following errors can be found in the dev console:

Code: Select all

Error: Cannot parse given Error object  
chunk.common_004d217e.esm.js:1:12465

parse https://knightriderhistorians.com/cdn/shopifycloud/shop-js/modules/chunk.common_004d217e.esm.js:1:12465
	Z/</< https://knightriderhistorians.com/cdn/shopifycloud/shop-js/modules/chunk.common_004d217e.esm.js:1:16905
	Z/< https://knightriderhistorians.com/cdn/shopifycloud/shop-js/modules/chunk.common_004d217e.esm.js:1:17026

Code: Select all

SyntaxError: await is a reserved identifier  
semi-schematics-set-of-4-digital-files:3028:2

Code: Select all

Empty string passed to getElementById().  
m=_b,_tp:51:256

Note that the last code I pasted also shows up in the FF console, but I thought I'd include it for the sake of completeness.

[moonbat]

The page shows up with individual thumbnails, see that you're not blocking scripts from shopify.com and shopify.app on the site.

[dbsoft]

PerformanceObserver is a toggle, disabled by default in Pale Moon for privacy reasons, but enabled by default now in Basilisk.

[andikay]

The page shows up with individual thumbnails, see that you're not blocking scripts from shopify.com and shopify.app on the site.

As I said in the opening post, I use a fresh profile without any addons to check all of my reports here.

PerformanceObserver is a toggle, disabled by default in Pale Moon for privacy reasons, but enabled by default now in Basilisk.

Thank you for making me aware of that, I switched dom.enable_performance_observer to true and that specific error in the console went away. However, it did not change anything regarding the issue of no content being displayed.

[vannilla]

The "finally is not a function" error is, if I remember correctly, due to broken polyfills as UXP supports finally as part of the Promise specs.
Listing products in the first example likely depends on Promise working a certain way (UXP does that) but the polyfill error breaks it.

[Moonchild]

The "finally is not a function" error is, if I remember correctly, due to broken polyfills as UXP supports finally as part of the Promise specs.

This is correct and the webmaster should be informed of this. We can't do anything about websites using broken libs on their site.

[andikay]

What is the reason the error does not show up in the FF console when navigating to this site?

[Moonchild]

What is the reason the error does not show up in the FF console when navigating to this site?

Because they designed it against Chrome and FF is close enough to Chrome to not load the broken lib as a "fallback". If they think the browser is "unknown" or doesn't have arbitrary function X, it will assume they need to load fill-in code for everything. This is also one of the main reasons that JS-blob "websites" on Pale Moon tend to be slower since it's all polyfilled/using JS instead of native APIs, overwriting what the browser natively supports (this incomplete Promise polyfill being a prime example of that)

[andikay]

I see, thank you for the explanation. From the errors I posted (I noticed afterwards when it was too late to edit that I posted one error twice, sorry for that) is there something you guys can do to fix my issue or is it beyond the scope of PM?

[vannilla]

is there something you guys can do to fix my issue or is it beyond the scope of PM?

Unfortunately there is nothing to fix because UXP (and therefore Pale Moon) already has code that would be able to make the site work. This is entirely on the website site.
Again unfortunately, this particular issue is (likely) not on the site's side either, but it's inside a piece of code written by someone else and reused here.

I think the "await" error is the only workable thing here, because if it is what I think it is, it's something added in early 2023 or around then and this is the first website actively using it in the wild.

[adoxa]

The first example displayed fine using Basilisk 2023.11.05 (where PerformanceObserver is enabled by default; didn't have Promise errors); the second example is another CSS min problem (the other errors are ignorable) - use a style manager:

Code: Select all

  .product-media-container.constrain-height .media {
    padding-top:var(--ratio-percent);
  }