Wrong Flexible Layout behaviour in phone devices with FullHD layout size


#1

Hi all, I’m having a problem with the Flexible Layout using the “stretch” scaling behaviour and FullHD layout size (1920x1080px).

In desktop (Chrome/Safari/Firefox in OSX) and tablets (iPad mini Retina) browsers seems to work as expected:

iPad screen

but in the phones (Android Chrome, MIUI Android Browser, iOS Safari) doesn’t work in the proper way:
the right and bottom sides don’t remain attached to the borders!

The funny thing is, if I use a smaller layout (1024x632 px), it works like a charm! But of course I need to work with FullHD layout…so is not a solution!

Here is the project file so you can test it by yourself:


#5

I just found a workaround: if the first slide is smaller (with the option “Apply changes to all the scenes” deactivated) and onLoad I jump immediately to the second slide (FullHD size), it works as I expect!

Anyway, it seems a bug to me, so I hope you can fix it soon. =)


#6

Hi @Franeko,

Firstly, Can you not edit your first post to make it one complete post now?

Also, I believe the problem here is the viewport. On mobiles (namely iPhone as that’s the only one i can test it on right now) if the viewport is bigger than 1300px (1280) it cannot view the whole document in portrait therefore left to right scroll. Landscape no problem.

I’m not sure if this is a bug.

D


#8

that’s a shame :sob:

Also, can you not just use a different layout for phones?

D


#9

Nope, I’m using the JS/CSS3 trick to scale everything depending to the screen size…for the moment I use the workaround, but to me looks like a bug or “unexpected behaviour”.


#10

You should be able to post images now.


#11

Thanks! I joined the posts, you can delete the old ones if you like, without waiting 24h :slight_smile: