A bug - debug layer in mobile messes up the layout

[binyan]

I have the following CSS for canvas:

#canvas {    position: absolute;    width: 100%;    height: 100%;    top: 0;    margin-bottom: 70px;}

I.e. it should appear in full screen. And it does, until I enable the debug layer. Once I've enabled the debug layer, the things are messed up. On desktop everything works as usual, but on mobile the 100% becomes like 30%. I.e. canvas (and all the related controls, background, etc.) that should take 100% of the screen takes only one corner (left&topmost).

 

Upd:

If I set engine.setHardwareScaling(1) everything works ok

[GameMonetize]

Hello,

 

this is interesting. HardwareScaling only change internal buffer size for the canvas> Does it break on all mobile?

[binyan]

I have only one to check   But I checked on two browsers - native and Chrome. Breaks on both of them.

First I thought it may be an engine.resize() function (that fixes it up) which called from within engine.setHardwareScaling, but when I tried to do it instead of scaling it didn't work. So somehow the hardware scaling is related... 

[GameMonetize]

It works on my windows phone unfortunately

[JCPalmer]

Think he saying it was resolved way up at the top.  I, myself, do not edit my previous posts, once someone else has responded (even if I spelled gonzo wrong ).  This is why.

[binyan]

No, I'm just saying that setting hardware scaling to 1 solves the problem. But the problem still exists (without scaling).