Monaca Onsen UI Discord Chat Github Repo

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

  • Using:

    To replicate:

    1. Visit (I am using Chrome Version 65.0.3325.181 (Official Build) (64-bit))
    2. Paste in the following:
      <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
            <ons-list-item onclick="fn.load('test.html')" tappable>
      <ons-splitter-content id="content" page="test.html"></ons-splitter-content>
    <template id="test.html">
          <div class="center">Unable to preventDefault inside passive event listener invocation.</div>
        <ons-pull-hook ref="pullHook">
          Pull to refresh
          <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>
    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.