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:
- Show a page in a modal
- 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)
@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!