Framework7/Vue Webpack app to demo Infinite Scroll bug on iOS
NOTE: this only happens in iOS when in an actual Cordova app or "Add to Homescreen".
When loading content into an infinite scroll from an async source like an API call, the infinite scroll possibly has an incorrect height initially, so scrolling isn't available.
Once another gesture is performed (presumably then reloading the scroll container or page) scrolling again becomes possible.
# install dependencies
npm install
# build for production with minification
npm run build
# create a blank app
cordova create infinitescroll
# use the built version of this app
rm infinitescroll/www
cp -r dist infinitescroll/www
cd infinitescroll
cordova platform add ios
cordova run ios
When the app has lunched on the simulator, click the "About" link.
Once the placeholder content has finished loading, try scrolling down the page.
It should fail to scroll.
Now try beginning a "swipe to go back" gesture, but don't complete it and remain on this page.
Now try scrolling the page.
It should scroll.