Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

How to disable `tappable` effect

  • Hello,

    If I use tappable attribute for ons-list-item - all area of the list item will have tappable effect.
    But how I can to disable this effect for some internal objects?
    For example if I have button inside ons-list-item

      <ons-list-item tappable>
        <div class="center">
        <div class="right">

    In this case tappable effect is appeared for all item if I click on the button. How I can to disable this behavior?

    Yes, I know about event.stopPropagation() but in this case I have to use this method for 6 events in the ons-button - onmousedown, onmouseup, onclick, ontouchstart, ontouchend, ontap?
    Maybe you can suggest more easy way?

  • Any ideas?