This is a migrated thread and some comments may be shown as answers.

Clicking on input field in middle of page triggers footer link

4 Answers 56 Views
General Discussion
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Ian
Top achievements
Rank 1
Ian asked on 05 Dec 2013, 05:36 PM
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

4 Answers, 1 is accepted

Sort by
0
Ian
Top achievements
Rank 1
answered on 05 Dec 2013, 11:08 PM
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
0
Ian
Top achievements
Rank 1
answered on 06 Dec 2013, 05:53 PM
Turns out that wasn't the problem... stumped again. 
0
Ian
Top achievements
Rank 1
answered on 06 Dec 2013, 06:31 PM
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... 

0
Steve
Telerik team
answered on 10 Dec 2013, 12:02 PM
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.
Tags
General Discussion
Asked by
Ian
Top achievements
Rank 1
Answers by
Ian
Top achievements
Rank 1
Steve
Telerik team
Share this question
or