Merge branch 'main' of github.com:kumibrr/ionic-framework

core/src/components/modal/modal.ios.scss

@@ -88,6 +88,14 @@
   @include border-radius(var(--border-radius), var(--border-radius), 0, 0);
 }
 
-:host(.modal-sheet.modal-scroll-all) ion-footer ion-toolbar.ios:first-of-type {
+/**
+ * Sheet modals require an additional padding as mentioned in the
+ * `core.scss` file. However, there's a workaround that requires
+ * a cloned footer to be added to the modal. This is only necessary
+ * because the core styles are not being applied to the cloned footer.
+ * It's important to update the padding value when the core styles are
+ * updated.
+ */
+ :host(.modal-sheet.modal-scroll-all) ion-footer ion-toolbar:first-of-type {
   padding-top: 6px;
 }

core/src/components/modal/modal.scss

@@ -167,6 +167,9 @@ ion-backdrop {
   bottom: 0;
 }
 
+// Sheet Modal - Scroll at all breakpoints
+// --------------------------------------------------
+
 :host(.modal-sheet.modal-scroll-all) ion-footer {
   position: absolute;
   bottom: 0;