Form elements takes several seconds to become active after tapping


#1

I’m currently developing a hybrid app using ionic and I’ve run into a strange issue. Whenever I tap a form element such as a textarea, text-input or a select-field, it takes several seconds before the keyboard shows up or select list opens. Subsequent taps goes somewhat faster but much slower than what is acceptable.

I’m running ionic 1.1.0 with Cordova iOS 4.1.0 in a wkwebview on a iPhone 6 running iOS 9.0.2. Xcode shows 0% CPU usage when tapping the form element so it doesn’t appear to be stuck in some form of loop when opening, it just takes a while for anything to happen.

The code below is what I have in my template.

<div class="list">
    <label class="item item-input item-select">
        <div class="input-label">
            {{'Lake' | translate}}
        </div>
        <select ng-change="changedLake(lake)" ng-model="lake" data-ng-options="lake as lake.name for lake in lakes">
            <option value="">{{'Choose lake' | translate}}</option>
        </select>
    </label>
    <label class="item item-input item-select">
        <div class="input-label">
            {{'Camp' | translate}}
        </div>
        <select ng-model="camp" data-ng-options="camp as camp.name for camp in camps">
            <option value="">{{'Choose camp' | translate}}</option>
        </select>
    </label>
    <label class="item item-input item-stacked-label">
        <span class="input-label">
            {{'Firewood' | translate}}
        </span>
        <textarea name="report-firewood" rows="8"></textarea>
    </label>
</div>

Anything I’ve missed when creating my form?