Buttons in general aren't working on Android devices

[Nick]

After a recent update to the current Kendo and JQuery libraries (we were quite behind) we've had a lot of issues with buttons in Android. 

I have read through all of the forum and recently submitted a support ticket but wanted to bring what steps I've taken so far and show my code block for others to comment on/see.

<div data-role="view" data-title="Home" data-layout="main" data-model="XXXX" data-init="XXXX" data-show="XXXX" >
    <div data-role="header" class="whiteBG">
        <div data-role="navbar" style="padding-bottom:5px;">
            <img class="headerLogo logoClass" />
            <span><a data-role="button" class="km-menu-image" href="#appDrawer" data-rel="drawer" data-align="left"></a></span>
            <img class="disconnected-image" data-align="left" />
            <img class="cloud-sync-image" data-align="left" />
        </div>

        <div class="pageheading">
            <a data-role="button" data-click="jobDetailBack" data-align="left" class="link-button-design-1" style="font-size: 10px;"><span data-bind="html:backLabel"></span></a>
            <a data-role="button" id="button-GotoContentsBagCountPage" data-click="GotoContentsBagCountPage" style="width: auto; float:right; display:none; text-transform: uppercase; font-size: 10px;" class="link-button-design-1 enable-online-buttons"><span data-bind="html: bagCountLabel"></span></a>
            <a data-role="button" id="button-GotoNotesList" data-click="GotoNotesListFomJobDetailsPage" style="width: auto; float:right; margin-right: 3px; text-transform: uppercase; font-size: 10px;" class="link-button-design-1 enable-online-buttons"><span data-bind="html: notesLabel"></span></a>
            <a data-role="button" data-click="goToAlbumDetailsPageFromJobDetailsPage" id="button-GoToAlbumDetailsPage" style="width: auto; float:right; margin-right: 3px; text-transform: uppercase; font-size: 10px;" class="link-button-design-1 enable-online-buttons"><span data-bind="html: albumsLabel"></span></a>
        </div>

 

The block of anchor tags (specifically the back button which is aligned on the left side where the slide menu slides from) are a less than 50% chance of working on Android at the moment.

The changes we've made so far are ::

• Move from "onclick" to data-click for the back button
• Change the UserEvent Threshold 

kendo.UserEvents.defaultThreshold(20);

app = new kendo.mobile.Application(document.body, {

I've moved buttons around thinking they were too close to each other and that was causing the issue...nope, hasn't helped.

Mind you, iOs seems to be working fine and in fact better since I adjusted the UserEvent threshold. 

Please let me know what other options I have, this is currently not usable for our customers and becoming a real problem.

 

Thanks,

 

[Petyo]

Hello Nick,

the code seems correct. Can you replicate your problem in a Dojo? Maybe it is cordova specific. Also, please specify the Android version you use for testing. 

Regards,
Petyo
Telerik