1147149 - elgenero.com does not fit the viewport for smaller viewports

Status: RESOLVED INVALID

(Web Compatibility :: Site Reports, defect)

Description

[Oliver Nelson [:oliverthor]]

Attachment: IMG_0001_rotated.jpg

Description:
Opening the website "http://elgenero.com/" will display a full desktop site with the focus of the screen in the upper left hand corner. The display should fit to the screen and display the farthest left to the farthest right in screen and allow the user to pan vertically on open.


Repro Steps:
1) Update a Flame to 20150324010202
2) Tap the 'Search Bar'
3) Enter "http://elgenero.com/"
4) Observe formatting of displayed website


Actual:
Page does not fit to width of device

Expected:
Page displays full width to width of device.


Environmental Variables:
Device: Flame 3.0
Build ID: 20150324010202
Gaia: efebbafd12fc42ddcd378948b683a51106517660
Gecko: 840cfd5bc971
Gonk: b83fc73de7b64594cd74b33e498bf08332b5d87b
Version: 39.0a1 (3.0)
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:39.0) Gecko/39.0 Firefox/39.0


Repro frequency: 10/10
See attached: 
screenshot -- reference iphone loading the same website

Comment 1

[Peter Bylenga [:PBylenga]]

Possibly a Gecko issue, moving to Core: Panning and Zooming.

Adding qawanted for branch checks.

Comment 2

[Yeojin Chung [:YeojinC]]

This issue also reproduces on Flame 2.2, 2.1, v18D-1 Base Image only(2.0), v188-1 Base Image only(2.0), 

Result: The webpage does not fit to width of the screen.

Environmental Variables:
Device: Flame 2.2
BuildID: 20150324142813
Gaia: 7024dd4c7a7c3616dc8f9f908759f00abc0deddd
Gecko: 79a8767e838e
Version: 37.0 (2.2) 
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:37.0) Gecko/37.0 Firefox/37.0

Environmental Variables:
Device: Flame 2.1
BuildID: 20150324053633
Gaia: b8ae0df34362420fe4a9c90effa5247a1f5c844d
Gecko: 2a05cd42088b
Version: 34.0 (2.1) 
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:34.0) Gecko/34.0 Firefox/34.0

Comment 3

[Hallvord R. M. Steen [:hallvors]]

The site doesn't seem to have a mobile version. The desktop does however have this markup:

<meta name="viewport" content="width=device-width" />

Comment 4

[Kartikaya Gupta (email:[e-mail])]

If my understanding of the meta-viewport tag is correct then this is expected behavior given the tag in comment 3. Fennec does the same as well. Not sure why the iPhone renders it differently.

Comment 5

[Karl Dubost💡 :karlcow]

* They do not have a mobile site.
* The desktop site is quite heavy and loads plenty of JS and CSS
* They use WordPress for the CMS
* The content is not resized to the viewport in Firefox but it is in Chrome Mobile (Blink) and iOS

Note: When using the developer tool in Opera Blink with a Firefox OS UA. The site is correctly resized to the viewport using 540x960, but it's not when using using 320x480.

Comment 6

[Hallvord R. M. Steen [:hallvors]]

Attachment: Screenshot from Flame smartphone

Comment 7

[Hallvord R. M. Steen [:hallvors]]

This site doesn't have a mobile version on Chrome for Android either. I will close this report - we're reaching out to sites that serve some but not all mobile browsers a "mobile site", but we don't usually reach to out say "hi, you don't have a mobile site - please develop one!"