grupomastersonda.com.br - see bug description

[webcompat-bot]

URL: https://grupomastersonda.com.br/master-supermercados/3d-flip-book/tabloide-master-sp/

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

Problem type: Something else Description: it can't open target application Steps to Reproduce: I can't see the object i looking for

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Reporter, unfortunately having so little details about the issue you are experiencing, we cannot help you with it. Please leave a comment with more details, or file a new report and we will gladly investigate this further. I'll close this issue as Incomplete.

Note: I get the same layout both in Firefox and Chrome.

[softvision-oana-arbuzov]

After further investigation, in Chrome the flip book loaded, but not on Firefox.

Steps to reproduce:

1. Navigate to https://grupomastersonda.com.br/master-supermercados/3d-flip-book/tabloide-master-sp/.
2. Select a location (e.g São Paulo).
3. Scroll down the page where the Right/Left arrows are available.

Note: Also reproducible on desktop, before opening Inspect.

Tested with: Browser / Version: Firefox Nightly 68.0a1 (2019-07-22), Fenix 1.0.1 (Build #11891918 🦎 68.0-20190611143747) Operating System: LG G5 (Android 8.0.0) - 1440 x 2560 pixels (~554 ppi pixel density), Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

Reopening the issue and moving to Needsdiagnosis.

[wisniewskit]

This also doesn't work on Firefox on desktop (I tried Linux and MacOS). I see two errors in the console:

ReferenceError: selectStateForm is not defined grupomaster-geral.js:299:2
    <anonymous> https://grupomastersonda.com.br/master-supermercados/wp-content/themes/master-supermercados/build/assets/js/grupomaster-geral.js?ver=5.0.4:299
    jQuery 2

Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#]),._ps2id,a[data-ps2id-api='true'][href*='#'],.ps2id > a[href*='#'],a.ps2id[href*='#'] jquery.js:1:26166
    jQuery 7
    <anonymous> https://grupomastersonda.com.br/master-supermercados/wp-content/plugins/page-scroll-to-id/js/page-scroll-to-id.min.js?ver=1.6.4:2
    jQuery 2

But I see these in Chrome as well, and it works. So I suspect something odd is happening with the flip-book library they're using, 3D Flip Book. I've tried locally updating some of its dependencies (pdf.js and three.js), but that isn't helping. Basically, there is a canvas tag which should have the contents, but in Firefox it remains 0-sized and with nothing drawn on it:

<div class="view">
<canvas width="0" height="0" style="width: 0px; height: 0px;"></canvas>
</div>

So I think we'll have to see what code-paths Chrome takes before it changes the size of the canvas, and see how far along Firefox gets by comparison.

[wisniewskit]

It looks like the link is dead now, and I don't see a flipbook on their master-supermercados page, either. Closing as incomplete.

[softvision-oana-arbuzov]

The URL is outdated , but I manage to find some flip-books and they are working: URL: https://grupomastersonda.com.br/master-supermercados/tabloide-de-ofertas-master-sp/

Tested with: Browser / Version: Firefox Nightly 68.2a1 (2019-10-22), Firefox Preview Nightly 191023 (🦎: 71.0a1-20191021095628) Operating System: Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density), Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

[lock[bot]]

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.