App tooltip bug (screen jumps to top of page)

Discussion in 'iOS Programming' started by JonoGIS, Oct 9, 2018.

Tags:
  1. JonoGIS macrumors newbie

    Joined:
    Oct 9, 2018
    Location:
    South Africa
    #1
    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
     

Share This Page