ionic-framework: bug: Toggle control problem

Type: <span ionic-type>bug</span>

Ionic Version: <span ionic-version>2.x</span>

Platform: <span ionic-platform>windows</span> <span ionic-webview>app</span>

<span ionic-description>v2 beta10 shows a strange behavior in my app so I created a test.

I took the ionic menu starter and put the following code in the content section on page 2:

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label>Pepperoni</ion-label>
      <ion-toggle [(ngModel)]="pepperoni"></ion-toggle>
    </ion-item>
    <ion-item>
      <ion-label>Sausage</ion-label>
      <ion-toggle [(ngModel)]="sausage"></ion-toggle>
    </ion-item>
    <ion-item>
      <ion-label>Mushrooms</ion-label>
      <ion-toggle [(ngModel)]="mushrooms"></ion-toggle>
    </ion-item>
  </ion-list>
</ion-content>

Reproduce: Copy the code above in Ionic menu starter in page 2. Then: ionic run windows Toggling the button controls doesn’t work.

Problem: The problem can only be observed in the windows app. Android and browser platform work fine! Therefore a plunker doesn’t make sense. In ios mode the toggle button is moved to the middle on the first click, a second click activates the button but than it’s not round anymore. Clicking a button influences other buttons.

See the following screencasts:</span>

Cordova CLI: 6.2.0 Gulp version: CLI version 1.2.1 Gulp local: Local version 3.9.1 Ionic Framework Version: 2.0.0-beta.10 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 OS: Node Version: v5.6.0