iOs Touch Problem

[Alessandro_S_]

Hello, I notice that touch screen on iOs gives problems (same app on Android is perfect): when I click on elements the click works with difficulties and sometimes I have to click 3 or 4 times to perform the action.

How it comes?

[Hamilton_Tenório_da_]

I realized the same, but I am new on iOS environment. I tought the problem was me...

[John_H_Intel2]

Please provide a simplified example of your app that shows this.

Open the emulator, do you have any errors displayed in the console?

[Alessandro_S_]

Hello,

no errors in the emulator. I use div to catch click, and div can be one ontop the other (only the topmost of course is "active" and designed as "button").

Maybe I have some topmost layer (display:none) that I turn on when I want to put some modal form on the screen.

[Hamilton_Tenório_da_]

@John > I realize that on my app Frase Pronta WhatsApp, for example, about icon Menu (top left). At Android it responds great. At iOS, I need do tap some times to get the response.

The links are: 

https://play.google.com/store/apps/details?id=com.hamiltonhtsnet.com.br.fraseprontawhatsapp

https://itunes.apple.com/us/app/frase-pronta-para-whatsapp/id1023494323?l=pt&ls=1&mt=8

If you want, I can send you the project.

[John_H_Intel2]

WHAT? .99 cents???

It would be much better for me (and others) if you could provide a simple version of your app that has the issue so we dont have to go digging through your code :)

[Hamilton_Tenório_da_]

Sorry! I forgot this... I will send you (private message) a code to download without pay. 

The code is simple, just a click event.

[Hamilton_Tenório_da_]

<div class="navbar-inner">
                                <div class="left">
                                    <div class="widget-container content-area horiz-area wrapping-col"><a class="widget uib_w_12 d-margins link" data-uib="framework7/button" data-ver="0" id="botMenuLateral"><i class="el-align-justify el" data-position="left"></i><span></span></a>
                                    </div>
                                </div>
                                <div class="center" data-localize="titulo">Frase Pronta WhatsApp</div>
                                <div class="right">
                                    <div class="widget-container content-area horiz-area wrapping-col"></div>
                                </div>
                            </div>






    /* button  #botMenuLateral */
    $(document).on("click", "#botMenuLateral", function(evt)
    {
         uib_sb.toggle_sidebar($("#menLateral"));  
    });

[John_H_Intel2]

Thanks for the promo code.

I installed the app on an iphone 6, ios 8.4.

I opened/closed the menu ~50 times and it opened/closed on at least 45 of those. The ones that it did not, it was because I missed touching the menu icon. I could tell this because the icon did not change colors.

Have you tried using a slightly larger menu icon or a bigger button?

[Hamilton_Tenório_da_]

Thanks for the answer. I will try it. Maybe it could solve this inconvenient. 

[Alessandro_S_]

This not in my case. I have div. Maybe because I shift (by style) icon inside the div (that has got the click event)?

[Andrea_C_]

Hi Alessandro,

I have the same problems in particular on IPhones, on Android everything works perfectly. I don't know that framework are you are using. If you are using AppFramework 2.2, (like in my case), there is the possibility that the touch layer could in some way alter the click behavior, but this has to be checked, and unfortunately this is not easy as is more difficult to debug an iOS app w.r.t. an Android app (at least on Linux).

[Alessandro_S_]

Thank You Andrea for answering. So no solution for me? I use 2.1 framework anyway.