2.0.4.13 EA; Browser breaks websites in landscape mode

asked 2016-10-09 21:34:41 +0200

LVPVS

3306 ●58 ●87 ●78

updated 2016-10-19 09:51:50 +0200

DaveRo

3404 ●63 ●102 ●108

Hei,

I am experiencing a strange phenomenon in the new browser on my JP1. It happens every once in a while (mostly on sites containing images?) that when I am browsing holding the phone landscape the pages get out of zoom, out of alignment on the screen. The page loads correctly in portrait. I reckon it could be some display-size-related issue in landscape mode. As a workaround, I rotate the phone, but it keeps on annoying me...

Try this page: Tesla blog

EDIT:

xkr47's site

It is funny. Opening it from here resoults well. Clicking the link from their profile, the page apears a bit off the screen, slightly zoomed.

END of EDIT

Anybody else experiencing this?

LVPVS over.

edit retag flag offensive close delete

Comments

doesnt happen in sailfish 2.0.3.14 on Turing phone the right hand expandable menu in portrait simply moves to the top of the screen and you can zoom out and see everything with proper left alignment. Turing phone screen size 5.5" 1920x1080 DPI

DarkTuring ( 2016-10-11 00:46:13 +0200 )edit

@LVPVS All URL variations of @xkr47 's site, including the link in his TJC profile render and zoom OK for me.

DaveRo ( 2016-10-17 10:59:52 +0200 )edit

Strange. Sometimes it's all good on my Jolla. Sometimes it acts up.

LVPVS over.

LVPVS ( 2016-10-18 23:00:15 +0200 )edit

0

answered 2016-10-10 10:45:32 +0200

DaveRo

3404 ●63 ●102 ●108

updated 2016-10-10 19:37:15 +0200

That Tesla site varies a bit by country, but this it what I see in the UK. It has two display layouts - mobile and wide - done by CSS/Javascript. It switches between them according to the viewport width - less that ~626 is mobile. Above that it adopts a width of 900; if your viewport is between the two it goes off the right-hand edge. On my Jolla C (2.0.4.13) I get the mobile view in portrait and the (truncated) wide view in landscape (width is 720). The same happens on Firefox on Android and Linux.

Because, in landscape, the right-hand edge is invisible I try to pinch zoom-out to see all the content, and that doesn't work on Jolla. Quite why, I don't know - It would need more work and some tools to find out. I suspect it's a limitation - and perhaps a bug - in the zooming. ~~Does it zoom what's displayed, or the whole page? On Firefox desktop you can zoom out to see the whole page (once the effective width gets above 900).~~Edited: Page-zooming on desktop acts differently from pinch-zooming so this comparison is invalid.

Is that what you mean by 'out of zoom'?

I don't know whether sites that set mobile/desktop layout simply using the display port size, and then switch between them when you zoom, are common. It seems a bad idea to me - but I'm not a website developer.

BTW - view-source works in the Jolla browser, e.g. view-source:https://www.tesla.com/blog

edit flag offensive delete publish link

Comments

Hi @DaveRo,

You kind of nailed it. The browser renders the page cutting its right edge and then zoom won't work until the alignment of the phone was changed.

Another page: aboutads.info

Note: the aforementioned sites used to work properly in the previous version of the Browser.

LVPVS over.

LVPVS ( 2016-10-10 11:05:31 +0200 )edit

So the symptom, in the case of the Tesla site, is that in landscape it overflows the right-hand edge and you cannot zoom out to see the full page. Is that right? (In Firefox for Android you can zoom out until the whole page is visible.)

In portrait it uses the mobile layout so it all fits. (I now think that switching between mobile and standard layouts is irrelevant.)

I can't see any similar effect, or any zooming problems, with aboutads.info or aboutads.info/choices

DaveRo ( 2016-10-10 16:40:05 +0200 )edit

0

answered 2016-10-11 16:56:05 +0200

DaveRo

3404 ●63 ●102 ●108

updated 2016-10-11 17:22:49 +0200

Reposted comment as an answer: needs more info - see below. Also more examples.

@DarkTuring That's presumably because the display is bigger. Assuming a devicePixelRatio of 2, like the Jolla C, the viewport in 960 dips wide. That's greater than the 900 at which it truncates the text. In portrait the viewport in 540 dips wide, which is less than ~626 so it swaps to mobile layout. (1920x1080 is px not dpi.)

I'm not sure whether this is a bug or not. The Tesla site has a 'meta viewport' tag but then - in landscape - doesn't deliver a mobile layout but sets a fixed width bigger that that viewport.

I don't have Firefox on my Jolla C; can somebody who does tell us whether the Tesla blog behaves differently - in particular, does it truncate in landscape, and if it does can you pinch-zoom out to see the full width?

edit flag offensive delete publish link

2.0.4.13 EA; Browser breaks websites in landscape mode

Comments

2 Answers

Comments

Question tools

Stats

Related questions

2.0.4.13 EA; Browser breaks websites in landscape mode

Comments

2 Answers

Comments

Question tools

Public thread

Stats

Related questions