www.geeektech.com - Design is broken

[webcompat-bot]

URL: https://www.geeektech.com/en/

Browser / Version: Firefox 76.0
Operating System: Linux
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items not fully visible
Steps to Reproduce:
The CSS on this page doesn't seem to be loaded - it seems pretty broken and looks like an unstyled page in Firefox.

View the screenshot

Browser Configuration

• gfx.webrender.all: true
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20200404092913
• channel: nightly
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note:

1. The issue is not reproducible on Chrome.
2. The issue is reproducible on Firefox regardless if TP is enabled or not.

Tested with:
Browser / Version: Firefox Nightly 76.0a1 (2020-04-05)
Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

[miketaylr]

I see a lot of stylesheets being requested from https://cdn.webshopapp.com/shops/38765. Maybe this is some kind of site transformer / optimizer issue? Unsure why they're not applying, it doesn't seem related to TP.

Can you take a look @wisniewskit?

[wisniewskit]

The main stylesheets are referenced like this in their HTML:

<link rel="preload" type="text/css" href="https://cdn.webshopapp.com/shops/38765/themes/151774/assets/stylesheet.css?20200302152301" as="style" onload="this.onload=null;this.rel='stylesheet'"/>

This won't work yet in Firefox (unless network.preload is set to true, making this a dupe of bz1626997).

[lock]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.