IONIC4 - Scroll of a list inside a component does not work

I create a generic list (a component) to use in all my pages, but the scroll is not working.

The principal page:

<app-generic-menu [leftMenu]="'left-menu'"
                  (valueToSearch)="inputShearchBox = $event">

<app-generic-list [array]="arrayClients"
                  (selectedObjectsEvent)="selectedClients = $event">

And this is my component (app-generic-list):

<ion-item *ngFor="let x of array; trackBy: trackByFn" (press)="onLongPressObject(x)"
          (tap)="isSelectionMode() ? onLongPressObject(x) : showObject(x)"
          [ngClass]="{'selected-background': selectedObjects.indexOf(x) >= 0}">
    <ion-icon name="checkmark-circle" slot="start" class="floating-icon" style="color: #43A047;"
              *ngIf="selectedObjects.indexOf(x) >= 0"></ion-icon>
    <ion-icon slot="start" name="{{[icon]}}"></ion-icon>
            <ion-label>{{x[label1Row1]}} - {{x[label2Row1]}}</ion-label>
            <p>{{x[label1Row2] | genericPipe : pipe:[]}}</p>

<ion-fab vertical="bottom" horizontal="end" slot="fixed">
<ion-fab-button [routerLink]="pageToGo" routerDirection="forward">
    <ion-icon name="add"></ion-icon>

I have 10 elements in the array, but only 9 appears, and i can’t scroll the page, this only happens with the component, with a normal list inside the ion-content the scroll works.

There is any config necessary for the scroll works in a child component?

This is how the app looks:

There is one more item, but i cant scroll.

1 Like

I’m having the same issue.
I’m using IONIC4 components in a javascript based app, without the ionic framework.

It looks like the page-map element is on top of it.
I deleted it at the chrome inspector tool and it worked.

I found my probleme!

	<ion-tab tab="tab-map" component="page-map" >
		<Mensalities />

After deleted that component=“page-map” it worked.