scrollbars not need but displayed, e.g. on ActionSheet, on Windows Chrome

[ghost]

Ionic version:
[ x] 3.9.2

I'm submitting a ...
[ x] bug report

Current behavior:
ActionSheet displays scrollbars.

Expected behavior:
ActionSheet does not display scrollbars.

Steps to reproduce:

ionic start myApp tabs

add button to home page, with presentActionSheet() handler

ionic serve

in Chrome Version 64.0.3282.140 (Official Build) (64-bit)
scrollbars are displayed:

Related code:

  public presentActionSheet() {
    let actionSheet = this.actionSheetCtrl.create({
      title: 'Modify your album',
      buttons: [
        {
          text: 'Destructive',
          role: 'destructive',
          handler: () => {
            console.log('Destructive clicked');
          }
        },
        {
          text: 'Archive',
          handler: () => {
            console.log('Archive clicked');
          }
        },
        {
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        }
      ]
    });

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

cli packages: (C:\Users\uzimskacel\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

local packages:

    @ionic/app-scripts : 3.1.8
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node : v8.9.1
    npm  : 5.5.1
    OS   : Windows 10

Misc:

    backend : legacy

[ghost]

Maybe related to #13763?

[StefanRein]

@miloslavskacel No it is not related.

Just add

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

To reproduce the issue:

ionic start tabs
IonicModule.forRoot(MyApp, {mode: 'md'})

add to home.html
<p><button ion-button block (click)="presentActionSheet()">presentActionSheet</button></p>

Use above code and actionSheet.present();

The scrollbars are not visible if you are using the emulator (mac and windows).

If you are not using the emulator (on windows, or mac with scrollbars always visible) the scrollbars will appear.

Windows:

Mac (with options for scrollbars always on):

With overflow: auto

[ghost]

Thanks.
The same problem is on class="scroll-content".
There is a vertical scroll bar on the screenshot.

[ionitron-bot]

This issue has been automatically identified as an Ionic 3 issue. We recently moved Ionic 3 to its own repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

If I've made a mistake, and if this issue is still relevant to Ionic 4, please let the Ionic Framework team know!

Thank you for using Ionic!

[ionitron-bot]

Issue moved to: ionic-team/ionic-v3#403