ensureSignedIn seems to scroll registration page on meteoric and small screens

[yauh]

I have a custom welcome page that is shown when users hit the / route, which is using the ensuredSignedIn plugin with Iron.Router.

When accessing the page on an iPhone 6 Plus all is well:

However, accessing the exact same page on an iPhone 4s scrolls down to the mustBeLoggedIn message:

On a Nexus 5 (Android) I can see it also scrolls:

How can I ensure that the page does not scroll to the middle for the registration on smaller screens? What causes this scrolling?

Router.plugin('ensureSignedIn', {
  only: ['home', 'profile']
});

AccountsTemplates.configureRoute( 'ensureSignedIn', {
  template: 'welcome'
} );

AccountsTemplates.configure( {
  // Behaviour
  forbidClientAccountCreation: false,
  overrideLoginErrors: true,
  defaultState: 'signUp',

  // Appearance
  showAddRemoveServices: false,
  showForgotPasswordLink: true,
  showLabels: true,
  showPlaceholders: true,
  showResendVerificationEmailLink: false,

  // Redirects
  homeRoutePath: '/',
  redirectTimeout: 4000,

  hideSignInLink: false,
  texts: {
    errors: {
      mustBeLoggedIn: 'Create an account with your email address',
      }
  }
} );

The template looks like this:

<template name="welcome">
    {{#contentFor "headerTitle"}}
        <h1 class="title">Welcome to my app</h1>
    {{/contentFor}}
    {{#ionContent}}
            <h1 class="padding">Howdy, stranger!</h1>

            <div class="card">
                <div class="item item-text-wrap">
                    Sign up and start playing!
                </div>
            </div>
            {{>atForm}}
            <div class="card">
                <div class="item item-text-wrap">
                    Some text.
                </div>
            </div>
    {{/ionContent}}
</template>

Package Versions (Meteor 1.1.0.2):

• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• iron:[email protected]
• iron:[email protected]
• iron:[email protected]
• iron:[email protected]
• iron:[email protected]
• iron:[email protected]
• iron:[email protected]
• [email protected]
• [email protected]
• meteoric:[email protected]
• meteoric:[email protected]
• meteoric:[email protected]
• useraccounts:[email protected]
• useraccounts:[email protected]

PS: I have a feeling it might have to do with a focus on the first input field that happens for some reason...