Ember {{action}} isn't firing on <div> elements in iOS Safari/Chrome

Ran into an issue where an ember.js app was mostly working on Safari/Chrome on iOS, but one of the actions was not firing on a div element.  I couldn't find any errors in the javascript console (after connecting iPad to Mac and using the Safari Developer menu).

Finally figured out issue was the action was never firing...traced that down to learn there are issues with touch events on certain html elements.


An easy work around is to add:

 style="cursor: pointer"

Example: 
{{#each sortedFoos as |foo|}}
  
    <div style="cursor: pointer" class="col-md-4 {{if (eq foo.id foo.bar.id) 'highlighted'}}" {{action 'selected' foo }}>
    </div>
{{/each}}
This post from StackOverflow helped: