Ionic 2 iOS - Select field jumps and focusses on alternate input on selection

[rj588]

Ionic version: (check one with "x") [ ] 1.x [x ] 2.x

I'm submitting a ... (check one with "x") [x ] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: I am working on mobile app and am facing an issue on iOS device. The select field jumps to any input field on selection. Please note that this works fine on android and web. Please see the video to see the issue.

Link: https://www.youtube.com/watch?v=VRJYNjWFFCA

Expected behavior:

Steps to reproduce:

Related code:

<!--
  Generated template for the SampleForm page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>sampleForm</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>
<form padding>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
        <ion-item>
            <ion-label>State</ion-label>
            <ion-select class="full-width-select" placeholder="State">
                <ion-option value="nes">NES</ion-option>
                  <ion-option value="n64">Nintendo64</ion-option>
                  <ion-option value="ps">PlayStation</ion-option>
                  <ion-option value="genesis">Sega Genesis</ion-option>
                  <ion-option value="saturn">Sega Saturn</ion-option>
                  <ion-option value="snes">SNES</ion-option>
            </ion-select>
        </ion-item>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
        <ion-item>
            <ion-label>State</ion-label>
            <ion-select class="full-width-select" placeholder="State">
                <ion-option value="nes">NES</ion-option>
                  <ion-option value="n64">Nintendo64</ion-option>
                  <ion-option value="ps">PlayStation</ion-option>
                  <ion-option value="genesis">Sega Genesis</ion-option>
                  <ion-option value="saturn">Sega Saturn</ion-option>
                  <ion-option value="snes">SNES</ion-option>
            </ion-select>
        </ion-item>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
        <ion-item>
            <ion-label>State</ion-label>
            <ion-select class="full-width-select" placeholder="State">
                <ion-option value="nes">NES</ion-option>
                  <ion-option value="n64">Nintendo64</ion-option>
                  <ion-option value="ps">PlayStation</ion-option>
                  <ion-option value="genesis">Sega Genesis</ion-option>
                  <ion-option value="saturn">Sega Saturn</ion-option>
                  <ion-option value="snes">SNES</ion-option>
            </ion-select>
        </ion-item>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
        <div>
            <ion-item>
                <ion-label floating>Middle Name(optional)</ion-label>
                <ion-input type="text" maxLength="40" ></ion-input>
            </ion-item>
        </div>
</form>

</ion-content>

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

insert the output from ionic info here

Link: https://www.youtube.com/watch?v=VRJYNjWFFCA

[mhartington]

What version and ionic-angular are you using? I am not able to replicate this using RC5

[jgw96]

Hello all! As it seems it has been a while since there was any activity on this issue i will be closing it for now. Feel free to comment if you are still running into this issue. Thanks for using Ionic!

[ionitron-bot[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.