fix: add bottom padding to container for iOS Safari (#1993)

* add bottom padding to container for iOS Safari * exclude ff, edge, yandex, ucbrowser
sweetalert2 · Jun 6, 2020 · 1378a78 · 1378a78
1 parent 2480b71
commit 1378a78
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/utils/iosFix.js b/src/utils/iosFix.js
@@ -11,6 +11,17 @@ export const iOSfix = () => {
     document.body.style.top = `${offset * -1}px`
     dom.addClass(document.body, swalClasses.iosfix)
     lockBodyScroll()
+    addBottomPaddingForTallPopups() // #1948
+  }
+}
+
+const addBottomPaddingForTallPopups = () => {
+  const safari = !navigator.userAgent.match(/(CriOS|FxiOS|EdgiOS|YaBrowser|UCBrowser)/i)
+  if (safari) {
+    const bottomPanelHeight = 44
+    if (dom.getPopup().scrollHeight > window.innerHeight - bottomPanelHeight) {
+      dom.getContainer().style.paddingBottom = `${bottomPanelHeight}px`
+    }
   }
 }