www.meups4.com.br - Site is no mobile optimized

[webcompat-bot]

URL: https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/

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

Problem type: Design is broken
Description: on mobile view, text overflows out of screen with no scroll
Steps to Reproduce:

Browser Configuration

• mixed active content blocked: false
• image.mem.shared: true
• buildID: 20190826132627
• tracking content blocked: true (basic)
• gfx.webrender.blob-images: true
• hasTouchScreen: true
• mixed passive content blocked: false
• gfx.webrender.enabled: false
• gfx.webrender.all: false
• channel: beta

Console Messages:

[u'[JavaScript Warning: "The resource at https://platform.twitter.com/widgets.js was blocked because content blocking is enabled." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 0}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://bc.marfeelcache.com/statics/marfeel/gardac-sync.js." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 1}]', u'[console.log(JQMIGRATE: Migrate is installed, version 1.4.1) https://www.meups4.com.br/wp-content/cache/busting/1/wp-includes/js/jquery/jquery-migrate.min-1.4.1.js:2:552]', u'[JavaScript Error: "SyntaxError: illegal character" {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 123 column: 29 source: "window.m2hb.customUnits.push(/92804089/MEU_PS4_DESKTOP_TOPO);"}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://cdn.pubguru.com/pg.js." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 141}]', u'[JavaScript Warning: "The resource at https://cdn.taboola.com/libtrc/meups4/loader.js was blocked because content blocking is enabled." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 0}]', u'[JavaScript Warning: "The resource at https://static.hotjar.com/c/hotjar-1428910.js?sv=6 was blocked because content blocking is enabled." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 0}]', u'[JavaScript Warning: "The resource at https://www.google-analytics.com/analytics.js was blocked because content blocking is enabled." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 0}]', u'[JavaScript Warning: "The resource at https://platform.twitter.com/widgets.js was blocked because content blocking is enabled." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 0}]', u'[JavaScript Warning: "The resource at https://platform.twitter.com/widgets.js was blocked because content blocking is enabled." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 0}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://cdn.taboola.com/libtrc/meups4/loader.js." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 1}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://static.hotjar.com/c/hotjar-1428910.js?sv=6." {file: "https://www.meups4.com.br/noticias/final-fantasy-viii-remastered-adaptacao/" line: 1}]']

From webcompat.com with ❤️

[softvision-oana-arbuzov]

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

Note: Not reproducible on Chrome.

Tested with:
Browser / Version: Firefox Nightly 68.2a1 (2019-09-04), Fenix 1.3.1 (Build #12341950) 📦: 8.0.0, 78354bc12 🦎: 69.0-20190812090043
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)

Moving to Needsdiagnosis for further investigation.

[karlcow]

this can be reproduced on rdm.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

They have this rule.

.td-boxed-layout .td-container-wrap {
	width: 1080px;
}

which makes everything wider. If I remove it everything is fine.

but the issue is before that. Because the markup/style received by Chrome and Firefox are quite different. And this is due to marfeel.

[karlcow]

a duplicate https://bugzilla.mozilla.org/show_bug.cgi?id=1149160

the site is using a library done by marfeel and currently still incompatible with Firefox on Android (They started an effort to make it compatible.)

[karlcow]

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

[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.