Ionic 4: Global "mode ios" brakes list scroll inside slide in popover

@Wolwin wrote:

Without mode=“ios” in app.module, the list into the slide inside the popover scrolls, instead with mode=“ios” in android doesn’t scroll. Not yet tested in ios device.

app.module:

IonicModule.forRoot({
      mode:"ios"
    })

popover creation:

const popover = await this.popoverCtrl.create({
      component: MyComponentSliderList,
      cssClass:["popoverroll"],
      showBackdrop:true
    });

css declared in variable.css :

.popoverroll .popover-content{
  top: 25vh!important;
  --max-height: 60vh!important;
  overflow-y: scroll!important;
}

My Component html :

<ion-content>
  <ion-slides [options]="slideOpts">
       <ion-slide *ngIf="!step.Skip">
          <ion-list>
            <ion-item *ngFor="let item of many" (click)="nextslide()">
              <ion-label>
                test
              </ion-label>
            </ion-item>
          </ion-list>
        </ion-slide>
    </ion-slides>
</ion-content>

My Component ts :

slideOpts={
    autoHeight:true,
    allowTouchMove:false
  }

Posts: 1

Participants: 1

Read full topic