I’ve got an
ion-list on my homepage that has enough items in it to require vertical scroll. The scroll works fine.
From the homepage, I’ve got a nav
push to a map page where I’m loading a Google map into a containing
div. The map works fine.
When navigating back from the map page to the homepage, the scroll on the homepage content stops working. Note: It’s fine in the browser (
$ionic serve), but disabled for some reason on iOS (real device running iOS 13). Other gestures like tap still work on the homepage, it’s just scroll that’s frozen/disabled.
For testing, I removed the map
div on the map page and tested navigating from home > map > home which gave no problem (the scroll worked fine). Scroll is only disabled after loading the map into the map page and then going back.
I can imagine why normal page scroll might be disabled when loading a map into a page (as you want to scroll the map with your finger and not the page), but I can’t imagine why, when leaving the page and destroying the map, scroll is disabled on a different page/globally.
The same behaviour occurs even if I use
setRoot rather than
push on the
navController, so even if I re-load the entire homepage after leaving the map page, the scroll is still disabled.
It may also be worth noting I’m using Capacitor and Cordova is not enabled in the project.
Has anyone seen this before? Any idea what might be causing the problem?