ionic-framework: Modal content won't scroll

Short description of the problem:

Content that would normally scroll in a regular view does not scroll when displayed in a Modal.

What behavior are you expecting?

I would expect it to scroll just like it does in a regular view.

Steps to reproduce:

  1. Show a page in a modal
  2. On the modal page, have enough content that it would need to scroll.

home.ts

...
var modal = Modal.create(Categories, {});
this.nav.present(modal);
...

categories.html

<ion-header>
    <ion-navbar>
        <ion-title>Categories</ion-title>
        <ion-buttons end (click)="Categories_Done($event)">
            <button style="margin-right:10px;">
                DONE
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content class="categories">
    <ion-card>
        <ion-list>
            <ion-item *ngFor="let category of categories; #i=index;">
                <ion-label>{{category.name}}</ion-label>
                <ion-checkbox [(ngModel)]="category.selected"></ion-checkbox>
            </ion-item>
        </ion-list>
    </ion-card>
</ion-content>

Which Ionic Version? 1.x or 2.x 2 beta 10

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Comments: 16 (6 by maintainers)

Most upvoted comments

@davidtweaver any update on this issue? Did you find any fix? I’m facing the same problem with the scroll inside modal on ionic 2. Any help is appreciated!

thank you!