From 53fad978c5a57efe34671db6cbede49c4a5af866 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Wed, 8 Jan 2020 13:29:44 -0500 Subject: [PATCH] fix(action-sheet): allow scrollable action-sheet with many options (#20145) fixes #17311 --- core/src/components/action-sheet/action-sheet.ios.scss | 2 -- core/src/components/action-sheet/action-sheet.scss | 2 +- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/core/src/components/action-sheet/action-sheet.ios.scss b/core/src/components/action-sheet/action-sheet.ios.scss index afe9f36cf2..0d6d04f41a 100644 --- a/core/src/components/action-sheet/action-sheet.ios.scss +++ b/core/src/components/action-sheet/action-sheet.ios.scss @@ -32,8 +32,6 @@ .action-sheet-group { @include border-radius($action-sheet-ios-border-radius); @include margin(null, null, $action-sheet-ios-group-margin-bottom - 2, null); - - overflow: hidden; } .action-sheet-group:first-child { diff --git a/core/src/components/action-sheet/action-sheet.scss b/core/src/components/action-sheet/action-sheet.scss index f93646cea3..c1f2d8faf0 100644 --- a/core/src/components/action-sheet/action-sheet.scss +++ b/core/src/components/action-sheet/action-sheet.scss @@ -27,7 +27,7 @@ --max-width: #{$action-sheet-max-width}; --min-height: auto; --height: 100%; - --max-height: 100%; + --max-height: calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom))); @include font-smoothing(); @include position(0, 0, 0, 0);