3. <PullHook/> Web Components - Unable to preventDefault inside passive event listener invocation

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.

<PullHook/> Web Components - Unable to preventDefault inside passive event listener invocation

  • C

    Using: https://onsen.io/v2/api/js/ons-pull-hook.html

    To replicate:

    1. Visit (I am using Chrome Version 65.0.3325.181 (Official Build) (64-bit))
      https://onsen.io/playground/
    2. Paste in the following:
    <ons-splitter>
  <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
    <ons-page>
      <ons-list>
        <ons-list-item onclick="fn.load('test.html')" tappable>
          Home
        </ons-list-item>
      </ons-list>
    </ons-page>
  </ons-splitter-side>
  <ons-splitter-content id="content" page="test.html"></ons-splitter-content>
</ons-splitter>

<template id="test.html">
  <ons-page>
    <ons-toolbar>
      <div class="center">Unable to preventDefault inside passive event listener invocation.</div>
    </ons-toolbar>
    <ons-pull-hook ref="pullHook">
      Pull to refresh
    </ons-pull-hook>
    <ons-list>
      <ons-list-item>Item 1</ons-list-item>
      <ons-list-item>Item 2</ons-list-item>
      <ons-list-item>Item 3</ons-list-item>
      <ons-list-item>Item 4</ons-list-item>
      <ons-list-item>Item 5</ons-list-item>
      <ons-list-item>Item 6</ons-list-item>
    </ons-list>
  </ons-page>
</template>
    1. Hit F12
    2. Ctrl-Shift-M (or click toggle device toolbar)
    3. Click ‘Android’ and ‘Run’
    4. Pull to refresh the list and see in console:
      Unable to preventDefault inside passive event listener invocation.

    preventDefault @ gesture-detector.js:859
    _onDrag @ ons-pull-hook.js:183
    triggerEvent @ gesture-detector.js:1320
    dragGesture @ gesture-detector.js:1485
    triggerGesture @ gesture-detector.js:1019
    each @ gesture-detector.js:261
    detect @ gesture-detector.js:1016
    doDetect @ gesture-detector.js:721
    onTouchHandler @ gesture-detector.js:657

    In my project I only get this when set to an Android device in Chrome.

    Any idea why this is? Functionality seems fine though I would rather have no error/warning.

    0