问题
This select contains the list of all countries in register form. The point is that the ion-content in the form page is scrollable but select it self is not scrolling. Here is the code:
<ion-item>
<ion-select interface="action-sheet" class="select" placeholder="Country">
<ion-option ngDefaultControl [value]='country.name' *ngFor="let country of countries">{{country.name}}
</ion-option>
</ion-select>
</ion-item>
Why select scroll is not working?
回答1:
This is a known issue, you can track at https://github.com/ionic-team/ionic/issues/17311#issuecomment-460829890
Ionic have provided a workaround by setting following css in global.scss
.action-sheet-group {
overflow: auto !important;
}
Hope that helps
来源:https://stackoverflow.com/questions/54589530/ion-select-doesnt-scroll-in-ionic-3