Ionic 4 - Ionic Refresher Bug

Ionic Framework
1

Hello, I’ve faced this issue today. I have implemented ionic refresher on my app in many places, but this time in particular the ionic refresher is displaying a black figure inside.

image
image.png420×519 82.3 KB

I have tried doing as the following post but everything stays the same.

The code in my refresher goes like this:

<ion-content>
    <ion-refresher slot="fixed" (ionRefresh)="filterAll()">
        <ion-refresher-content
            pullingText="Pull to refresh..."
            refreshingText="Refreshing...">
        </ion-refresher-content>
    </ion-refresher>
  <ng-container *ngIf="!loading">
  </ng-container>
2

Is this black square that is an issue or what specifically?

3

Hello, yes is the black square. Is being shown on all of my devices.

4

Did you try force background color of your app to white? something like:

<ion-content class="myWhiteBackground">
...
</ion-content>

.myWhiteBackground {
    background-color: #FFFFFF !important;
}