$ionicLoading - minor graphical bug

[LeleDev]

On Motorola Moto G (android), when the ionicLoading screen shows up, the inner rettangle appears not-centered, and it progressively center itself after some seconds.

Semple 1:

$ionicLoading.show({
        template: '<div>Connection problem.</div><br/><div>Please check your internet connection!</div>',
});

Sample 2 (even worse on my screen, multiple "moves"):

$ionicLoading.show({
        content: "Connection problem.\nPlease check your internet connection!",
});

Thank you in advance

[ajoslin]

What version of ionic are you using? Also, what version of Android is the Moto G? I can't seem to find it.

[LeleDev]

Always using last nightly, and android version 4.4.2... sorry for the late answer...

Most of the problems comes out when using when turning the phone in landscape mode

[ajoslin]

I'll check it out in landscape, thanks.

[LeleDev]

Ah no sorry I was thinking the this was another opened issues of mine... it happens in portrait mode only!

Moto G screen spec:
width: 720px
height: 1280px

[ajoslin]

Unfortunately, I'm still not able I'm not able to reproduce this.

Could you create a codepen that does?

[ajoslin]

Got it now! Fixing.

[LeleDev]

You are the best! :)

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.