Hi everyone,
I am developing an app using AppPresser and Phonegap. Please look at the following link:
Here is an html page that is used in the app
AppPresser allows you to preview your app on a device. Android displays this code with no issues, but iOS has been giving me headaches. The first issue I had to overcome was when an input field was focussed, the page would jump to the top. This was fixed using:
html,body{
-webkit-overflow-scrolling : touch !important;
overflow: auto !important;
height: 100% !important;
}
But now I have hit another issue
The green info icons on this html page display a clickable tooltip using the Jbox library. The tooltips display correctly on Android, but on iOS the page jumps to the top again when I tooltip is clicked.
Does anyone possibly know of any solutions? I can share all of the relevant code and further information if needs be. Or, maybe there is a better (more iOS friendly) way to display clickable tooltips?
Thanks
I am developing an app using AppPresser and Phonegap. Please look at the following link:
Here is an html page that is used in the app
AppPresser allows you to preview your app on a device. Android displays this code with no issues, but iOS has been giving me headaches. The first issue I had to overcome was when an input field was focussed, the page would jump to the top. This was fixed using:
html,body{
-webkit-overflow-scrolling : touch !important;
overflow: auto !important;
height: 100% !important;
}
But now I have hit another issue
The green info icons on this html page display a clickable tooltip using the Jbox library. The tooltips display correctly on Android, but on iOS the page jumps to the top again when I tooltip is clicked.Does anyone possibly know of any solutions? I can share all of the relevant code and further information if needs be. Or, maybe there is a better (more iOS friendly) way to display clickable tooltips?
Thanks