Clicking on input field in middle of page triggers footer link

5 posts, 0 answers
  1. Ian
    Ian avatar
    14 posts
    Member since:
    Sep 2013

    Posted 05 Dec 2013 Link to this post

    On our app we have a dropdown field on the "add product from scratch page" that is called "Where can you buy it?". (along with dd on other pages too - see message below). For some reason when a user clicks on the dd list (attempt to click on the right side of the dd), it triggers the "ideas" link which is located in the footer of the page. If you click in the middle of the dd, it triggers the footer button that is located below that etc etc. 

    I tried adding css to the footer elements to show borders. When I retest, the borders stay put on the footer and never move up to the top where that dd is located. 

    I've somewhat narrowed it down to this... when you scroll down to the bottom for that field... overscroll... it appears that the system continues to scroll some elements virtually?? I don't know... 

    The app is in the App Stores "iWishFor"

    Here is a ticket we just received: 
    Hi iWishfor team –

    Found your app and wanted it to work for our upcoming family gift exchange. Seemed to work fine at version 2, but after updating to v4 from Dec 1, any attempt to tap into an email field (find friend, or invite) lands on the Ideas tab with the keyboard up. 

    Please fix soon! 

    iPhone 4s iOS 7

  2. Ian
    Ian avatar
    14 posts
    Member since:
    Sep 2013

    Posted 05 Dec 2013 Link to this post

    I found the reason, but now need to find a solution... 

    I have a div: .ui-viewport { width:100%; height:100%;  }

    But when the page is larger than the device screen, and you scroll down, the ui-viewport div is always the same height and scrolls up. If you click on dd that happens to have the bottom of the ui-viewport through-it it triggers the footer links... 

    so, to solve it... i need a way to make that div always a) the height of the device, OR b) the height required for the contents inside it... (whichever is greater)... hmmm
  3. Ian
    Ian avatar
    14 posts
    Member since:
    Sep 2013

    Posted 06 Dec 2013 Link to this post

    Turns out that wasn't the problem... stumped again. 
  4. Ian
    Ian avatar
    14 posts
    Member since:
    Sep 2013

    Posted 06 Dec 2013 Link to this post

    Ok, trying not to spam this thread, but rather just give more details. 

    Looks like it occurs when a "form field" is aligned... happens to sit under the footer bar when scrolled up... (ie. normal loading position). Then, when you scroll down to bring the field into the view, if you click on it, it acts as though it is still under the bottom links... 

  5. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 10 Dec 2013 Link to this post

    Hi Ian,

    I installed your app on Iphone 5 iOS 7 and can click on the Invitees Email Address field without any problems and being redirected elsewhere like your user reports. I can't test with the "Where can you buy it?" section as it appears the dropdown is not initialized when "No shop found near your location" and I do not have an option to change my location manually.

    If you are using 3rd party js framework like jQuery or KendoUI, make sure you're up to its latest version. If the problem has occurred in a specific version (as the user reports) please see your changes and identify the culprit.

    If you need further help from us or the community, try to isolate the issue in a simple case scenario which can be easily tested.

    Regards,
    Steve
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top