ipon.hu / iponcomp.com defaults to broken mobile version after recent site upgrade

[Nelraen]

Affected site:
ipon.hu / iponcomp.com (large central/eastern-EU IT retailer)

Problem:
Since a recent update right before Easter, the site now defaults to showing the mobile-only view to both Palemoon and old (w7-last v109) Chrome but displays correctly on newer Chrome (v135). (Works on fresh Firefox portable too.) The mobile view is broken due to both resolution being too weird for mobile which is shifting icons, and not being able to tap&drag parts leading to unusable filter feature, etc.

Everything is behind a pihole, but as one version works, that's not it either. Probably some custom js and/or capability detection, as AFAIK this is a custom site, but I'm not a frontend dev.

I'd be absolutely fine with a greasemonkey script.

I've tested on both a brand-new portable palemoon with completely new profile and no extensions and my personal non-portable. No difference in this regard.

Examples:
https://iponcomp.com/shop
chrome: https://i.imgur.com/tEjHSrv.png
palemoon: https://i.imgur.com/2B3W83f.png

filter non-scrollable:
https://iponcomp.com/shop/group/notebook-pc-ebook/notebook/2 click on "filter" button
chrome: https://i.imgur.com/mT006dJ.png
palemoon: https://i.imgur.com/cz3iTNm.png


There was no console error output, only standard network traffic stuff:

Code: Select all

GET 
https://iponcomp.com/shop/group/notebook-pc-ebook/notebook/2 [HTTP/2.0 200 OK 484ms]
GET 
https://fonts.googleapis.com/css2 [HTTP/2.0 200 OK 76ms]
GET 
https://use.fontawesome.com/releases/v5.15.4/css/all.css [HTTP/2.0 304 Not Modified 136ms]
GET 
https://media.icdn.hu/build/site/css/app.e69ec9bd.css [HTTP/2.0 304 Not Modified 125ms]
GET 
https://iponcomp.com/images/no-reviews.svg [HTTP/2.0 200 OK 74ms]
GET 
https://iponcomp.com/bundles/fosjsrouting/js/router.min.js [HTTP/2.0 200 OK 71ms]
GET 
https://iponcomp.com/js/routing [HTTP/2.0 200 OK 132ms]
GET 
https://media.icdn.hu/build/translator/translator.4a76a7ac.js [HTTP/2.0 304 Not Modified 150ms]
GET 
https://iponcomp.com/js/translation [HTTP/2.0 200 OK 148ms]
GET 
https://media.icdn.hu/build/site/runtime.f81b44cb.js [HTTP/2.0 304 Not Modified 152ms]
GET 
https://media.icdn.hu/build/site/js/app.9a5e278d.js [HTTP/2.0 304 Not Modified 160ms]
GET 
https://iponcomp.com/images/logo-text.svg [HTTP/2.0 200 OK 118ms]
GET 
https://www.googletagmanager.com/gtm.js [261ms]
GET 
XHR 
https://iponcomp.com/shop/cart/quantity [HTTP/2.0 200 OK 276ms]
GET 
XHR 
https://iponcomp.com/shop/group/2/filter/data [HTTP/2.0 200 OK 524ms]
GET 
https://connect.facebook.net/en_EN/sdk.js#xfbml=1&version=v7.0&appId=160215620693507 [HTTP/2.0 304 Not Modified 52ms]
GET 
XHR 
https://iponcomp.com/shop/product-slider/recommended/data [HTTP/2.0 200 OK 45ms]
GET 
XHR 
https://iponcomp.com/shop/product-slider/highlighted/data [HTTP/2.0 200 OK 705ms]
GET 
XHR 
https://iponcomp.com/shop/group/2/product/data [HTTP/2.0 200 OK 1120ms]
GET 
https://connect.facebook.net/en_US/sdk.js [HTTP/2.0 200 OK 0ms]
GET 
https://media.icdn.hu/product/GalleryMod/2018-04/463446/resp/972047_tp_link_tg_3468_gigabites_pci_express_halozati_kartya.webp [HTTP/2.0 304 Not Modified 36ms]
GET 
https://media.icdn.hu/product/GalleryMod/2009-05/12790/resp/1734051_tp-link-tl-sm311ls-minigbic-modul.webp [HTTP/2.0 304 Not Modified 37ms]
GET 
https://media.icdn.hu/product/GalleryMod/2018-04/463498/resp/972365_tp_link_tl_poe150s_poe_injektor.webp [HTTP/2.0 304 Not Modified 36ms]
GET 
https://media.icdn.hu/product/GalleryMod/2018-04/463445/resp/972040_tp_link_tl_sg1005d_5_portos_gigabites_asztali_switch.webp [HTTP/2.0 304 Not Modified 36ms]
GET 
https://media.icdn.hu/product/GalleryMod/2021-09/722403/resp/1716009_tp_link_mc110cs_10_100_mbps_single_modu_media_konverter.webp [HTTP/2.0 304 Not Modified 35ms]
GET 
XHR 
https://iponcomp.com/shop/group/2/product/data [HTTP/2.0 200 OK 1318ms]
GET 
https://media.icdn.hu/product/GalleryMod/2024-04/979724/resp/3211125_gigabyte-g6x-2024-9kg-43hu854sd-fekete.webp [HTTP/2.0 304 Not Modified 8ms]
GET 
https://media.icdn.hu/product/GalleryMod/2024-02/960783/resp/3159888_gigabyte-g5-mf5-h2hu354kd-fekete.webp [HTTP/2.0 304 Not Modified 7ms]
GET 
https://media.icdn.hu/product/GalleryMod/2022-11/862080/resp/2059275_hp-250-g9-6f1z7ea-fekete.webp [HTTP/2.0 304 Not Modified 7ms]
GET 
https://media.icdn.hu/product/GalleryMod/2022-07/808119/resp/1939807_asus-zenbook-14-oled-um3402ya-km145-fekete.webp [HTTP/2.0 304 Not Modified 22ms]

[Moonchild]

Perfect example of when you should contact them and inform them that other desktop browsers exist.

[Goodydino]

They seem to be selling things, but I see no pictures.

[adoxa]

It's using Tailwind CSS, which is making heavy use of unsupported features (oklch colors and nested @media in particular).

[Nelraen]

Perfect example of when you should contact them and inform them that other desktop browsers exist.

I wish. Llast time I reported UX-issues in *all* browsers on their FB after a previous "upgrade", they just deleted the post. (and of course did not fix the issues)

[Moonchild]

I'd say "vote with your wallet" in that case, and encourage others to do the same. If they don't even care to address issues with your access to their store and just ghost you instead, I can only imagine what would happen if you have a support request for anything you bought there.

[Gemmaugr]

Off-topic:

It's using Tailwind CSS, which is making heavy use of unsupported features (oklch colors and nested @media in particular).

Presumably the same Tailwind CSS used in the stand-alone Cloudflare test posted by CF representatives in the CF issues thread.. and also used in the live captcha checks?

[adoxa]

Not really, CF is using a Tailwind script, whereas ipon is CSS.

[Gemmaugr]

Off-topic:

Not really, CF is using a Tailwind script, whereas ipon is CSS.

They just have the same name then?