ion-select not scrollable on iOS

Bug Report

Ionic version: [x] 4.x

Current behavior: ion-select with lots of select options is not scrollable on iOS.

Expected behavior: ion-select should be scrollable when the number of select options don’t fit in view.

Steps to reproduce: Create a ion-select with 20 select options and run the app on iOS.

Other information: It works on Android. Multiple select <ion-select multiple> also seem to work on iOS, so it only happens on single-select ion-select.

Ionic info:

Ionic:
   ionic (Ionic CLI)             : 4.8.0 (/home/olav/.npm-global/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.11.4
   @angular-devkit/schematics    : 7.2.3
   @angular/cli                  : 7.2.3
   @ionic/angular-toolkit        : 1.2.0

Cordova:
   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.2, browser 5.0.4, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 9 other plugins)

System:
   Android SDK Tools : 26.1.1 (/home/olav/Android/Sdk)
   NodeJS            : v11.7.0 (/usr/bin/node)
   npm               : 6.6.0
   OS                : Linux 4.18

[brandyscarney]

Thanks for the issue! I confirmed this is a bug in iOS on Chrome as well. It seems the culprit is here: https://github.com/ionic-team/ionic/blob/master/core/src/components/action-sheet/action-sheet.ios.scss#L35

This was likely caused by the PR fixing the translucent action sheet here: https://github.com/ionic-team/ionic/pull/16862

Can you try the following workaround:

.action-sheet-group {
    overflow: auto !important;
}

We’ll have to investigate this.

[danbeckner]

@oal Good catch! Will also look into adding the safe-area for it. 🙂

Any timeframe on this? Still having this issue with IOS. It overflows into the top toolbar.