$ ionicModal focusFirstInput not working on ios devices

I am using angular and ionic frames for a html5 mobile app. The script is when the user clicks the search button on the home page. The modal should load the autofocus of the search input field and override the inline button. Also when the searchbox in Modal autofocuses on the input field, it should also open the ios keyboard. Right now, what happens when I click on a search term on the homepage, it opens the search modal title and cancel button, and autofocusing on the search input box. It works great on the desktop. But the autofocus function does not work properly on ios devices, and also the keyboard does not appear when modal loads up.

Acc. to ionic docs http://ionicframework.com/docs/api/controller/ionicModal/ I am using

focusFirstInput: true 


for autofocus operation.

Here is an example plunker I created that works fine on desktop, but not on iphone 4 and 5.

Please let me know how I can make this work on ios and Android devices.

Also, as a side question, if anyone knows of a good chrome or safari to check out a mobile app that would be helpful. I know that in chrome we can use the emulate function to test responsive designs, but which pluggin should we use if we want to fully test a mobile app.


source to share

All Articles