`ion-scroll` dynamic height

Ionic Framework ionic-v3
1

I have an app where the design is similar to AirBNB, where there are multiple horizontal scrolling inifinite-loading lists.

Unfortunately, when using <ion-scroll scrollX="true">, I am unable to get the content that resides within to display unless specifically set a height value (height: auto doesn’t work):

<ion-content>
    <ion-scroll scrollX="true">
        <div *ngFor="let item of items">
            <h1>{{item}}</h1>
        </div>
    </ion-scroll>
</ion-content>

Am I missing something here, or is the only way to set the height I need will be through making a reference to the child element, get it’s height, and set the <ion-scroll> height through the component’s code?