Meteor template event Click not firing on iPhone

Question

This Meteor template event failed to fire on iphone but works find on Android phone and desktop browsers. Any suggestion how to fix this? thx

Template.footer.events({
  'click .footerItem': function (event) {
    //do stuff
  }
});  

<template name="footer">
  <footer class="footer-row">
    {{#each footerButtons}}
        <div class="footerItem" data-action={{this.action}}>{{this.label}}</div>
    {{/each}}
  </footer>
</template>

Answer 1

This may seem like an odd answer but try adding the following css to the class 'footerItem':

.footerItem {
    cursor: pointer;
}

Answer 2

Why are you using the data-action={{this action}} ?
That is creating a conflict with the click event. Delete that part from your html and try again, the click should works on iPhone.