Issue with ion-header

I am using the latest ionic 5 cli and I am using the popover controller to display a popup, however the ion-header is not fixed within the popup it simply scrolls with the other content, is this by design?

<ion-header *ngIf="hasSearchbar">
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-icon name="search"></ion-icon>
        </ion-buttons>
        <ion-input></ion-input>
    </ion-toolbar>
</ion-header>
<ion-content fullscreen="true">
    <ion-list>
        <ion-item
            *ngFor="let option of configuration.options"
            button="true"
            (click)="selectOption(option)"
        >
            <ion-label>{{ option[nameForText] }}</ion-label>
            <ion-icon
                *ngIf="isSelected(option[nameForValue])"
                slot="end"
                name="checkmark"
            ></ion-icon>
        </ion-item>
    </ion-list>
</ion-content>

Yes! It is by design. Topic up!