Android textbox requires multiple clicks for focus / keyboard


#1

I am having problems with some of the textbox inputs for only android. It takes several taps for the keyboard to appear, sometimes it doesnt focus or appear at all which requires me to restart the app. The html code that I am using is very simple:

 <label class="item-input">
                <input type="text" placeholder="Username" ng-model="ctrl.username" />
            </label>
            <label class="item-input">
                <input type="password" placeholder="Password" ng-model="ctrl.password" />
            </label>
            <button class="button" ng-click="ctrl.login()">Sign In</button>

Like other posts have stated, sometimes it inserts a .cloned-text-input class, which looks like it disables the input. I have tried adding directives to focus the input, removing the cloneFocusedInput function from ionic.bundle.js, installing the ionic keyboard plugin, and stripping the html to its barebones. I am at a loss here. Any help would be appreciated. I am using Beta11.


#2

It turns out that the addition of ngTouch in my module was messing with the way some of my inputs worked. I got rid of this and everything started working ok. It looks like the functionality of ngtouch is already included in ionic, and unnecessary.


#3

It’s not ng-touch, but hammer.js. Plus we’re also using our own touch logic to prevent that 300ms tap delay :thumbsup: