Text input in modal requires double tap to get soft keyboard on Android 4

[robdmoore]

Hi,

If I put a form on a modal using nightly then on Android 4 when tapping one of the inputs it doesn't pull up the soft keyboard (there is a cursor in there though so the focus clearly happens) until a second tap.

Once the soft keyboard is up if you tap to another field then it's still OK.

I've replicated the problem here: http://plnkr.co/edit/cNJD8B0e2V6Ta4zHYLyH?p=preview

Thanks

[adamdbradley]

Duplicate of #1134

[adamdbradley]

I just pushed a large tap refactor to solve many of these issues:
https://github.com/driftyco/ionic/blob/master/test/unit/angular/service/tap.unit.js#L4

Would you be able to test the nightly build (1712 or later) and let us know if it solved this issue?
http://code.ionicframework.com/#nightly

Thanks

Related: #862 #740 #726 #691 #689 #365 #26 #1134 #1120 #1105 #1078 #772 #745

[robdmoore]

This seems to be fixed - thanks :)

Not sure if it's just me or not, but it looks like desktop Chrome doesn't allow you to open up select inputs? When I click it after upgrading it opens and then closes against straight away unless I hold down my click and drag my mouse over an option.

[adamdbradley]

@robdmoore Is this with emulating touch screen? Do you have a label around the select element? This is what I've been using to test: https://github.com/driftyco/ionic/blob/master/test/html/tapInputs.html#L132

[robdmoore]

Nah - it was on a non touch device with normal mouse.

My html was:

            <ion-item class="item-input item-select">
                <div class="input-label">Language</div>
                <select ng-model="selectedLanguage.language" ng-options="c for c in languageNames"></select>
            </ion-item>

If I change that ion-item to a label with a class of item as well as the other two then it works if I click the label, but I still see the same behaviour when I click on the select element itself.

[ParitoshVaidya]

Getting same issue on Moto e (1st Gen.) Android 4.4 Ionic v 1.3.16 Will let you know about other devices.

[ggeorg]

this seems to work for me:

                <!-- iOS Cordova prefers <span> instead of: <label class="item item-input"> -->
                <span class="item item-input">
                    <input data-ng-model="newEvent.name" type="text" placeholder="Event Name"
                        required="true" autofocus="autofocus" autocomplete="off"
                        autocorrect="off" autocapitalize="off" spellcheck="false"></input>
                </span>