Issues with scoll position ion-content children components

I have been struggling to get a solution to this and its driving me nuts!

Here is the basic code layout

<ion-content>
    -- a bunch of code
    <child component 1> // made up of ion-lists using ngIf
    <child component 2>
</ion-content>

The issue is that if I update the content of child component 1, the page scrolls back to the stop of that child component. Meaning I am getting some data from the API and setting the container data for the child.

I have tried using scrollToPoint on the ion-content and it will never go to that point… just goes to the top of the child component.

Oh, the most frustrating part about this… only happens in Safari/ios… Its fine on chrome/android.

Any advice at this point would be greatly appreciated