I am using angularjs and ionic framework for html5 mobile app. The scenario is when user clicks the search box on main page. A modal should load up autofocusing the searchbox input field and cancel button inline. Also when the searchbox in Modal autofocuses on input field, it should also open up the ios keyboard.
Right now what is happening is when I click on searchbox on main page, it opens up the modal with search header and cancel button and also autofocuses on search input field.It is working fine on desktop view. But the autofocus feature is not working properly on ios devices and also the keyboard doesn't pop-up when modal loads up.
Acc. to ionic docs http://ionicframework.com/docs/api/controller/ionicModal/ I am using
focusFirstInput: true
for autofocus to work.
Here is the plunker sample that I created which works fine on desktop but not on iphone 4 and 5.
Please, Let me know how can I make this work on ios and android devices.
Also, as a side question, if anyone knows about a good chrome or safari pluggin to test the application for mobile devices that will be helpful. I know in chrome we can use their emulate feature to test the responsive designs but what pluggin to use if we want to fully test the mobile application.
Related
When the using the site in Safari on iPhone 5/SE, focusing on either of the two inputs shown below doesn't fully trigger the keyboard. The field toggle and "Done" buttons appear but no keyboard.
We're using a third party chat plugin that we can't swap out for another one.
The live site is: https://www.citywesthousingtrust.org.uk
I'm using the iOS simulator here but it works the same on the physical devices we have too. The issue appears to be limited to iPhone 5/SE.
Any ideas?
The simulator does this because you have a physical keyboard on your mac so no need to display anything (you can type using your computer keyboard).
If you explicitly need the iOS keyboard to show up, press 'command + K' when you're in the simulator
Hope this helps!
I have created some social icons using tag. To open the particular social icon ,i can either touch it or click it . It is working fine for desktop screen and in my ipad. Whereas it is not working when i tried to open the same link with touch in mobile device. Does anyone experienced this problem? if so, how to solve that?
So ihave created a webapp that opens up camera/upload file on user mobile. This has proved work on Ipad and android system. But when it comes to iphone(5c IOS 10.) it does not respond. This is the javascript script that i am using to open the file input dialog
document.getElementById('input').click();
here is Demo
Sample App - Add to Homescreen to test, it works if i click choose file, but seems not to work on click custom button, Please let me know if this does work on your iphone when set to homescreen
I'm helping to build a webpage that is mobile friendly. We are currently in beta and using the "Add to Homescreen" function of Safari on iOS to make the webpage appear as an app. Is there a way through javascript or html to code a link to Safari's share menu? We want to be able to access this share menu from the bookmark shortcut rather than having to be in the actual Safari browser on the phone.
This is an old question, but as of iOS Safari 12.2 and macOS Safari 12.1, Safari supports Navigator.share() to display the system share menu.
The Share menu in Safari is a component of the browser, not the web page. It cannot be linked to.
If you want your users to activate the "Add to Homescreen" function of Safari, you will need to instruct them to press the Share button themselves.
I am developing a iphone app using phoneGap. How can I direct user to safari when he clicks on a link or button inside of the application.
example:
When user taps a button, safari browser will come to front and load corresponding site.
you can use the childbrowser plugin to do that. Take a look here: https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser
This line just worked for me..
location.href="http://www.google.com";