Ionic toggle delays movement until other UI is pressed


#1

Im running Ionic 2

$ ionic info
Your system information:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.4-201612220408
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 0.0.48
ios-deploy version: 1.9.0
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v7.2.1
Xcode version: Xcode 8.2.1 Build version 8C1002

The trouble is I have a toggle, and when I tap it nothing happens.

If I tap another button, or slide a slider only then will the toggle move to the state i had set it before, so for example this is what happens:

  1. The toggle is off, I press it (nothing happens)
  2. I press an ion-button
  3. The toggle turns on now.

Is there something I need to do to get the toggle to work correctly? I’m using quite a simple setup:

<ion-list>

  <ion-list-header>
    Splash screen
  </ion-list-header>
  <ion-item>
    <ion-label>Enable splash screen</ion-label>
    <ion-toggle [(ngModel)]="splash"></ion-toggle>
  </ion-item>

I’ve tried removing the ngModel binding and the behaviour stays the same. I’m just not sure what I’m doing wrong.

If anyone has experienced this, is there anything to do to get it to work correctly?