estore.wacom.com - The background images are not displayed

[webcompat-bot]

URL: https://estore.wacom.com/en-US/tablets.html

Browser / Version: Firefox Mobile 80.0 Operating System: Android Tested Another Browser: Yes Chrome

Problem type: Desktop site instead of mobile site Description: Desktop site instead of mobile site Steps to Reproduce:

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20200811133449
• channel: beta
• hasTouchScreen: true

From webcompat.com with ❤️

[cipriansv]

Thanks for the report.

I was indeed able to reproduce the issue. The background images are not displayed in Firefox.

Tested with: Browser / Version: Firefox Nightly 200831(🦎 82.0a1-20200829091226), Chrome Mobile 83.0.4103.125 Operating System: OnePlus6 (Android 10) - 1080 x 2280 pixels (~402 ppi pixel density)

This is the web page displayed in Firefox Nightly:

And this is the web page displayed in Chrome:

Moving the issue to needsdiagnosis.

[csoti]

I submitted this report anonymously since I didn't have a github account. Good work on providing the screenshots @cipriansv I'll get those in on future reports.

The website is also affected with the "swipe menu"(for a lack of a better word).

Pixel 4 Android 10 Chrome 85.0.4183.81 Firefox 80.0.1-beta.2 (Build #2015758611)

ff android beta:

chrome 85:

[karlcow]

Every browsers is receiving the mobile site. This is a flexbox issue, which can be fixed with

/* 33a481dd818d520752b4d6ec72a1956f.min.css | https://estore.wacom.com/static/version1599117846/_cache/merged/33a481dd818d520752b4d6ec72a1956f.min.css */

.columns .column.main {
  /* flex-basis: 100%; */
  flex-basis: auto;
}

[karlcow]

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1316534