[v4.6.0] bug: ionInfinite not emitted

Bug Report

Ionic version: [x] 4.x

Current behavior: The ionInfinite event is never emitted when Ionic One is used. I observed this in a Stencil One PWA but others (see messages below) are reporting facing the same behavior in Angular apps.

<ion-infinite-scroll threshold="100px" id="infinite-scroll" onIonInfinite={($event) => console.log('Nothing happens')}>
          <ion-infinite-scroll-content>
          </ion-infinite-scroll-content>
        </ion-infinite-scroll>

Steps to reproduce: I provide a super simple sample repo:

git clone https://github.com/peterpeterparker/infinite
cd infinite
npm install
npm run start

Try to scroll, ionInfinite will not be emitted

Related code:

See repo https://github.com/peterpeterparker/infinite

Other information:

"@ionic/core": "^4.6.0",
"@stencil/core": "^1.1.2"

[ralscha]

Same problem in an Angular app: "@ionic/angular": "4.6.0"

ionInfinite event never emitted

  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

Works fine with "@ionic/angular": "4.5.0"

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.