I can't select autocomplete list items

[Frank007]

Hello all. New to Caspio and forum.

I recently set up the Mobile Kit, and ran into this issue. As seen in the screenshot, I could see the autocomplete list but I couldn't select any of them. As soon as I touched it, it would disappear. 

Did anyone have similar issue and find a fix?

Thanks.

Frank

[kpcollier]

Is this in iOS? And, what is your deployment method? I had a similar problem before with iOS not scrolling or clicking on dropdowns. I was deploying through iFrames, though.

<style>
html, body {height:100%; overflow:hidden}
body {overflow:auto; -webkit-overflow-scrolling:touch}
</style>

I used this on the datapage to fix the scrolling/click issues I was having with iFrames.

[telly]

Hello Frank,

We implemented a Caspio Mobile Kit and set the field to autocomplete. However, we wasn't able to replicate the issue. We tested it using android phone and iPhone and both are working. Please refer to these screenshots:

 

 

May I know what browser did you use,  version of your iPhone and type of deployment that you used?

Thanks,
Telly

 

[Frank007]

First of all, many thanks for looking into my question.

kpcollier: Yes, it is in iOS with Safari. I used embed method. 

Telly: I used iOS 13.1.3 and Safari on iPhone XS Max. I used embed deployment. I embedded Caspio code into Mobile Kit (black icon bar)'s html page and follow the instruction from the link below to insert header and footer codes into my search data page.

https://howto.caspio.com/tech-tips-and-articles/responsive-datapages-overview/responsive-forms-submission-web-form-updatedetails-form-search-form-login-form/

[telly]

Hi Frank, thank you for confirming. I added the responsive code, still can't replicate the issue. It would be helpful if you provide the link of the DataPage that has this issue for us to be able to test on our end. 

Thank you. 

 

-Telly

[Frank007]

Many thanks, Telly. Really appreciate your help looking into this matter. Unfortunately, I already deleted the mobile kit set up and decided to go with a simple responsive setup for now since I have some users waiting to test it. 

I found out that it has something to do with framwork7's CSS. I accidentally moved the css folder and the autocomplete began to work again.