List doesn't scroll on initial load with nested tabs


I have nested tabs where the first main tab has 3 sub tabs, all of which display lists. When the app loads on sub tab 1, the list can’t be scrolled until you select another sub tab or main tab. If the app loads on sub tab 2, the same thing happens. Interestingly if the app loads on sub tab 3, then scrolling is immediately enabled as expected. Another weird thing is that the list scrolling doesn’t bounce on sub tab 1.

demo (you’ll need to download the zip and run locally as the issue doesn’t show up on CodePen)


The answer is to use the ionicScrollDelegate and call resize() after the list has been loaded. Sometimes the scroll view doesn’t notice its contents changing and you need to give it a hint.


not worked please give a tutor on