ionic-team · sean-perkins · Feb 6, 2024 · Jan 30, 2024 · Jan 30, 2024 · Jan 30, 2024
@@ -26,7 +26,7 @@
 // ---------------------------------------------------
 
 .action-sheet-wrapper {
- @include margin(var(--ion-safe-area-top, 0), auto, var(--ion-safe-area-bottom, 0), auto);
+ @include margin(null, auto);
 }
 
 // iOS Action Sheet Container

diff --git a/core/src/components/action-sheet/action-sheet.ios.vars.scss b/core/src/components/action-sheet/action-sheet.ios.vars.scss
@@ -13,7 +13,7 @@ $action-sheet-ios-padding-top: 0 !default;
 $action-sheet-ios-padding-end: 8px !default;
 
 /// @prop - Padding bottom of the action sheet
-$action-sheet-ios-padding-bottom: $action-sheet-ios-padding-top !default;
+$action-sheet-ios-padding-bottom: var(--ion-safe-area-bottom, 0) !default;
 
 /// @prop - Padding start of the action sheet
 $action-sheet-ios-padding-start: $action-sheet-ios-padding-end !default;

diff --git a/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-ltr-Mobile-Chrome-linux.png b/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-ltr-Mobile-Chrome-linux.png
diff --git a/...ering.e2e.ts-snapshots/action-sheet-custom-diff-md-ltr-Mobile-Firefox-linux.png b/...ering.e2e.ts-snapshots/action-sheet-custom-diff-md-ltr-Mobile-Firefox-linux.png
diff --git a/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-ltr-Mobile-Safari-linux.png b/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-ltr-Mobile-Safari-linux.png
diff --git a/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-rtl-Mobile-Chrome-linux.png b/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-rtl-Mobile-Chrome-linux.png
diff --git a/...ering.e2e.ts-snapshots/action-sheet-custom-diff-md-rtl-Mobile-Firefox-linux.png b/...ering.e2e.ts-snapshots/action-sheet-custom-diff-md-rtl-Mobile-Firefox-linux.png
diff --git a/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-rtl-Mobile-Safari-linux.png b/...dering.e2e.ts-snapshots/action-sheet-custom-diff-md-rtl-Mobile-Safari-linux.png
diff --git a/...n-sheet.e2e.ts-snapshots/action-sheet-safe-area-ios-ltr-Mobile-Chrome-linux.png b/...n-sheet.e2e.ts-snapshots/action-sheet-safe-area-ios-ltr-Mobile-Chrome-linux.png
diff --git a/...-sheet.e2e.ts-snapshots/action-sheet-safe-area-ios-ltr-Mobile-Firefox-linux.png b/...-sheet.e2e.ts-snapshots/action-sheet-safe-area-ios-ltr-Mobile-Firefox-linux.png
diff --git a/...n-sheet.e2e.ts-snapshots/action-sheet-safe-area-ios-ltr-Mobile-Safari-linux.png b/...n-sheet.e2e.ts-snapshots/action-sheet-safe-area-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/action-sheet/test/basic/index.html b/core/src/components/action-sheet/test/basic/index.html
@@ -62,7 +62,7 @@
  --ion-safe-area-bottom: 40px;
 
  --max-width: 300px;
- --height: 325px;
+ --height: calc(325px + var(--ion-safe-area-bottom));
  }
 
  .custom-backdrop {