Monaca Onsen UI Discord Chat Github Repo

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



  • 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.