sweetalert2 11.3.6 → 11.3.7

package/src/utils/dom/animationEndEvent.js

@@ -10,7 +10,7 @@ export const animationEndEvent = (() => {
   const testEl = document.createElement('div')
   const transEndEventNames = {
     WebkitAnimation: 'webkitAnimationEnd', // Chrome, Safari and Opera
-    animation: 'animationend' // Standard syntax
+    animation: 'animationend', // Standard syntax
   }
   for (const i in transEndEventNames) {
     if (Object.prototype.hasOwnProperty.call(transEndEventNames, i) && typeof testEl.style[i] !== 'undefined') {

package/src/utils/dom/domUtils.js

@@ -1,10 +1,10 @@
-import { getTimerProgressBar, getConfirmButton, getDenyButton, getCancelButton } from './getters.js'
-import { swalClasses, iconTypes } from '../classes.js'
+import { getCancelButton, getConfirmButton, getDenyButton, getTimerProgressBar } from './getters.js'
+import { iconTypes, swalClasses } from '../classes.js'
 import { toArray, warn } from '../utils.js'
 
 // Remember state in cases where opening and handling a modal will fiddle with it.
 export const states = {
-  previousBodyPadding: null
+  previousBodyPadding: null,
 }
 
 /**
@@ -47,7 +47,7 @@ export const hasClass = (elem, className) => {
 }
 
 const removeCustomClasses = (elem, params) => {
-  toArray(elem.classList).forEach(className => {
+  toArray(elem.classList).forEach((className) => {
     if (
       !Object.values(swalClasses).includes(className) &&
       !Object.values(iconTypes).includes(className) &&
@@ -63,7 +63,11 @@ export const applyCustomClass = (elem, params, className) => {
 
   if (params.customClass && params.customClass[className]) {
     if (typeof params.customClass[className] !== 'string' && !params.customClass[className].forEach) {
-      return warn(`Invalid type of customClass.${className}! Expected string or iterable object, got "${typeof params.customClass[className]}"`)
+      return warn(
+        `Invalid type of customClass.${className}! Expected string or iterable object, got "${typeof params.customClass[
+          className
+        ]}"`
+      )
     }
 
     addClass(elem, params.customClass[className])
@@ -87,8 +91,10 @@ export const getInput = (popup, inputType) => {
     case 'checkbox':
       return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.checkbox} input`)
     case 'radio':
-      return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:checked`) ||
+      return (
+        popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:checked`) ||
         popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:first-child`)
+      )
     case 'range':
       return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.range} input`)
     default:
@@ -176,7 +182,7 @@ export const applyNumericalStyle = (elem, property, value) => {
     value = parseInt(value)
   }
   if (value || parseInt(value) === 0) {
-    elem.style[property] = (typeof value === 'number') ? `${value}px` : value
+    elem.style[property] = typeof value === 'number' ? `${value}px` : value
   } else {
     elem.style.removeProperty(property)
   }
@@ -211,7 +217,8 @@ export const toggle = (elem, condition, display) => {
 // borrowed from jquery $(elem).is(':visible') implementation
 export const isVisible = (elem) => !!(elem && (elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length))
 
-export const allButtonsAreHidden = () => !isVisible(getConfirmButton()) && !isVisible(getDenyButton()) && !isVisible(getCancelButton())
+export const allButtonsAreHidden = () =>
+  !isVisible(getConfirmButton()) && !isVisible(getDenyButton()) && !isVisible(getCancelButton())
 
 export const isScrollable = (elem) => !!(elem.scrollHeight > elem.clientHeight)
 
@@ -245,7 +252,7 @@ export const stopTimerProgressBar = () => {
   timerProgressBar.style.removeProperty('transition')
   timerProgressBar.style.width = '100%'
   const timerProgressBarFullWidth = parseInt(window.getComputedStyle(timerProgressBar).width)
-  const timerProgressBarPercent = timerProgressBarWidth / timerProgressBarFullWidth * 100
+  const timerProgressBarPercent = (timerProgressBarWidth / timerProgressBarFullWidth) * 100
   timerProgressBar.style.removeProperty('transition')
   timerProgressBar.style.width = `${timerProgressBarPercent}%`
 }

package/src/utils/dom/getters.js

@@ -1,6 +1,6 @@
 import { swalClasses } from '../classes.js'
-import { uniqueArray, toArray } from '../utils.js'
-import { isVisible, hasClass } from './domUtils.js'
+import { toArray, uniqueArray } from '../utils.js'
+import { hasClass, isVisible } from './domUtils.js'
 
 /**
  * Gets the popup container which contains the backdrop and the popup itself.
@@ -72,7 +72,7 @@ export const getFocusableElements = () => {
   const focusableElementsWithTabindex = toArray(
     getPopup().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')
   )
-  // sort according to tabindex
+    // sort according to tabindex
     .sort((a, b) => {
       const tabindexA = parseInt(a.getAttribute('tabindex'))
       const tabindexB = parseInt(b.getAttribute('tabindex'))
@@ -84,11 +84,11 @@ export const getFocusableElements = () => {
       return 0
     })
 
-  const otherFocusableElements = toArray(
-    getPopup().querySelectorAll(focusable)
-  ).filter(el => el.getAttribute('tabindex') !== '-1')
+  const otherFocusableElements = toArray(getPopup().querySelectorAll(focusable)).filter(
+    (el) => el.getAttribute('tabindex') !== '-1'
+  )
 
-  return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter(el => isVisible(el))
+  return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter((el) => isVisible(el))
 }
 
 export const isModal = () => {

package/src/utils/dom/init.js

@@ -1,6 +1,6 @@
 import { swalClasses } from '../classes.js'
 import { getContainer, getPopup } from './getters.js'
-import { addClass, removeClass, getDirectChildByClass, setInnerHtml } from './domUtils.js'
+import { addClass, getDirectChildByClass, removeClass, setInnerHtml } from './domUtils.js'
 import { isNodeEnv } from '../isNodeEnv.js'
 import { error } from '../utils.js'
 import globalState from '../../globalState.js'
@@ -49,11 +49,7 @@ const resetOldContainer = () => {
   oldContainer.remove()
   removeClass(
     [document.documentElement, document.body],
-    [
-      swalClasses['no-backdrop'],
-      swalClasses['toast-shown'],
-      swalClasses['has-column']
-    ]
+    [swalClasses['no-backdrop'], swalClasses['toast-shown'], swalClasses['has-column']]
   )
 
   return true
@@ -91,7 +87,7 @@ const addInputChangeListeners = () => {
   }
 }
 
-const getTarget = (target) => typeof target === 'string' ? document.querySelector(target) : target
+const getTarget = (target) => (typeof target === 'string' ? document.querySelector(target) : target)
 
 const setupAccessibility = (params) => {
   const popup = getPopup()

package/src/utils/dom/inputUtils.js

@@ -33,15 +33,17 @@ export const getInputValue = (instance, innerParams) => {
   }
 }
 
-const getCheckboxValue = (input) => input.checked ? 1 : 0
+const getCheckboxValue = (input) => (input.checked ? 1 : 0)
 
-const getRadioValue = (input) => input.checked ? input.value : null
+const getRadioValue = (input) => (input.checked ? input.value : null)
 
-const getFileValue = (input) => input.files.length ? (input.getAttribute('multiple') !== null ? input.files : input.files[0]) : null
+const getFileValue = (input) =>
+  input.files.length ? (input.getAttribute('multiple') !== null ? input.files : input.files[0]) : null
 
 const handleInputOptions = (instance, params) => {
   const popup = dom.getPopup()
-  const processInputOptions = (inputOptions) => populateInputOptions[params.input](popup, formatInputOptions(inputOptions), params)
+  const processInputOptions = (inputOptions) =>
+    populateInputOptions[params.input](popup, formatInputOptions(inputOptions), params)
   if (hasToPromiseFn(params.inputOptions) || isPromise(params.inputOptions)) {
     showLoading(dom.getConfirmButton())
     asPromise(params.inputOptions).then((inputOptions) => {
@@ -58,12 +60,13 @@ const handleInputOptions = (instance, params) => {
 const handleInputValue = (instance, params) => {
   const input = instance.getInput()
   dom.hide(input)
-  asPromise(params.inputValue).then((inputValue) => {
-    input.value = params.input === 'number' ? parseFloat(inputValue) || 0 : `${inputValue}`
-    dom.show(input)
-    input.focus()
-    instance.hideLoading()
-  })
+  asPromise(params.inputValue)
+    .then((inputValue) => {
+      input.value = params.input === 'number' ? parseFloat(inputValue) || 0 : `${inputValue}`
+      dom.show(input)
+      input.focus()
+      instance.hideLoading()
+    })
     .catch((err) => {
       error(`Error in inputValue promise: ${err}`)
       input.value = ''
@@ -83,20 +86,22 @@ const populateInputOptions = {
       option.selected = isSelected(optionValue, params.inputValue)
       parent.appendChild(option)
     }
-    inputOptions.forEach(inputOption => {
+    inputOptions.forEach((inputOption) => {
       const optionValue = inputOption[0]
       const optionLabel = inputOption[1]
       // <optgroup> spec:
       // https://www.w3.org/TR/html401/interact/forms.html#h-17.6
       // "...all OPTGROUP elements must be specified directly within a SELECT element (i.e., groups may not be nested)..."
       // check whether this is a <optgroup>
-      if (Array.isArray(optionLabel)) { // if it is an array, then it is an <optgroup>
+      if (Array.isArray(optionLabel)) {
+        // if it is an array, then it is an <optgroup>
         const optgroup = document.createElement('optgroup')
         optgroup.label = optionValue
         optgroup.disabled = false // not configurable for now
         select.appendChild(optgroup)
-        optionLabel.forEach(o => renderOption(optgroup, o[1], o[0]))
-      } else { // case of <option>
+        optionLabel.forEach((o) => renderOption(optgroup, o[1], o[0]))
+      } else {
+        // case of <option>
         renderOption(select, optionLabel, optionValue)
       }
     })
@@ -105,7 +110,7 @@ const populateInputOptions = {
 
   radio: (popup, inputOptions, params) => {
     const radio = getDirectChildByClass(popup, swalClasses.radio)
-    inputOptions.forEach(inputOption => {
+    inputOptions.forEach((inputOption) => {
       const radioValue = inputOption[0]
       const radioLabel = inputOption[1]
       const radioInput = document.createElement('input')
@@ -127,7 +132,7 @@ const populateInputOptions = {
     if (radios.length) {
       radios[0].focus()
     }
-  }
+  },
 }
 
 /**
@@ -139,15 +144,17 @@ const formatInputOptions = (inputOptions) => {
   if (typeof Map !== 'undefined' && inputOptions instanceof Map) {
     inputOptions.forEach((value, key) => {
       let valueFormatted = value
-      if (typeof valueFormatted === 'object') { // case of <optgroup>
+      if (typeof valueFormatted === 'object') {
+        // case of <optgroup>
         valueFormatted = formatInputOptions(valueFormatted)
       }
       result.push([key, valueFormatted])
     })
   } else {
-    Object.keys(inputOptions).forEach(key => {
+    Object.keys(inputOptions).forEach((key) => {
       let valueFormatted = inputOptions[key]
-      if (typeof valueFormatted === 'object') { // case of <optgroup>
+      if (typeof valueFormatted === 'object') {
+        // case of <optgroup>
         valueFormatted = formatInputOptions(valueFormatted)
       }
       result.push([key, valueFormatted])

package/src/utils/dom/parseHtmlToContainer.js

@@ -1,27 +1,38 @@
 import { setInnerHtml } from './domUtils.js'
 
+/**
+ * @param {HTMLElement | object | string} param
+ * @param {HTMLElement} target
+ */
 export const parseHtmlToContainer = (param, target) => {
   // DOM element
   if (param instanceof HTMLElement) {
     target.appendChild(param)
+  }
 
   // Object
-  } else if (typeof param === 'object') {
+  else if (typeof param === 'object') {
     handleObject(param, target)
+  }
 
   // Plain string
-  } else if (param) {
+  else if (param) {
     setInnerHtml(target, param)
   }
 }
 
+/**
+ * @param {object} param
+ * @param {HTMLElement} target
+ */
 const handleObject = (param, target) => {
   // JQuery element(s)
   if (param.jquery) {
     handleJqueryElem(target, param)
+  }
 
   // For other objects use their string representation
-  } else {
+  else {
     setInnerHtml(target, param.toString())
   }
 }

package/src/utils/dom/renderers/renderActions.js

@@ -24,7 +24,7 @@ export const renderActions = (instance, params) => {
   dom.applyCustomClass(loader, params, 'loader')
 }
 
-function renderButtons (actions, loader, params) {
+function renderButtons(actions, loader, params) {
   const confirmButton = dom.getConfirmButton()
   const denyButton = dom.getDenyButton()
   const cancelButton = dom.getCancelButton()
@@ -47,7 +47,7 @@ function renderButtons (actions, loader, params) {
   }
 }
 
-function handleButtonsStyling (confirmButton, denyButton, cancelButton, params) {
+function handleButtonsStyling(confirmButton, denyButton, cancelButton, params) {
   if (!params.buttonsStyling) {
     return dom.removeClass([confirmButton, denyButton, cancelButton], swalClasses.styled)
   }
@@ -69,7 +69,7 @@ function handleButtonsStyling (confirmButton, denyButton, cancelButton, params)
   }
 }
 
-function renderButton (button, buttonType, params) {
+function renderButton(button, buttonType, params) {
   dom.toggle(button, params[`show${capitalizeFirstLetter(buttonType)}Button`], 'inline-block')
   dom.setInnerHtml(button, params[`${buttonType}ButtonText`]) // Set caption text
   button.setAttribute('aria-label', params[`${buttonType}ButtonAriaLabel`]) // ARIA label

package/src/utils/dom/renderers/renderContainer.js

@@ -2,7 +2,7 @@ import { swalClasses } from '../../classes.js'
 import { warn } from '../../utils.js'
 import * as dom from '../../dom/index.js'
 
-function handleBackdropParam (container, backdrop) {
+function handleBackdropParam(container, backdrop) {
   if (typeof backdrop === 'string') {
     container.style.background = backdrop
   } else if (!backdrop) {
@@ -10,7 +10,7 @@ function handleBackdropParam (container, backdrop) {
   }
 }
 
-function handlePositionParam (container, position) {
+function handlePositionParam(container, position) {
   if (position in swalClasses) {
     dom.addClass(container, swalClasses[position])
   } else {
@@ -19,7 +19,7 @@ function handlePositionParam (container, position) {
   }
 }
 
-function handleGrowParam (container, grow) {
+function handleGrowParam(container, grow) {
   if (grow && typeof grow === 'string') {
     const growClass = `grow-${grow}`
     if (growClass in swalClasses) {

package/src/utils/dom/renderers/renderContent.js

@@ -10,14 +10,16 @@ export const renderContent = (instance, params) => {
   if (params.html) {
     dom.parseHtmlToContainer(params.html, htmlContainer)
     dom.show(htmlContainer, 'block')
+  }
 
   // Content as plain text
-  } else if (params.text) {
+  else if (params.text) {
     htmlContainer.textContent = params.text
     dom.show(htmlContainer, 'block')
+  }
 
   // No content
-  } else {
+  else {
     dom.hide(htmlContainer)
   }
 

package/src/utils/dom/renderers/renderIcon.js

@@ -1,4 +1,4 @@
-import { swalClasses, iconTypes } from '../../classes.js'
+import { iconTypes, swalClasses } from '../../classes.js'
 import { error } from '../../utils.js'
 import * as dom from '../../dom/index.js'
 import privateProps from '../../../privateProps.js'
@@ -64,30 +64,34 @@ const adjustSuccessIconBackgroundColor = () => {
   }
 }
 
+const successIconHtml = `
+  <div class="swal2-success-circular-line-left"></div>
+  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
+  <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>
+  <div class="swal2-success-circular-line-right"></div>
+`
+
+const errorIconHtml = `
+  <span class="swal2-x-mark">
+    <span class="swal2-x-mark-line-left"></span>
+    <span class="swal2-x-mark-line-right"></span>
+  </span>
+`
+
 const setContent = (icon, params) => {
   icon.textContent = ''
 
   if (params.iconHtml) {
     dom.setInnerHtml(icon, iconContent(params.iconHtml))
   } else if (params.icon === 'success') {
-    dom.setInnerHtml(icon, `
-      <div class="swal2-success-circular-line-left"></div>
-      <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
-      <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>
-      <div class="swal2-success-circular-line-right"></div>
-    `)
+    dom.setInnerHtml(icon, successIconHtml)
   } else if (params.icon === 'error') {
-    dom.setInnerHtml(icon, `
-      <span class="swal2-x-mark">
-        <span class="swal2-x-mark-line-left"></span>
-        <span class="swal2-x-mark-line-right"></span>
-      </span>
-    `)
+    dom.setInnerHtml(icon, errorIconHtml)
   } else {
     const defaultIconHtml = {
       question: '?',
       warning: '!',
-      info: 'i'
+      info: 'i',
     }
     dom.setInnerHtml(icon, iconContent(defaultIconHtml[params.icon]))
   }
@@ -99,7 +103,12 @@ const setColor = (icon, params) => {
   }
   icon.style.color = params.iconColor
   icon.style.borderColor = params.iconColor
-  for (const sel of ['.swal2-success-line-tip', '.swal2-success-line-long', '.swal2-x-mark-line-left', '.swal2-x-mark-line-right']) {
+  for (const sel of [
+    '.swal2-success-line-tip',
+    '.swal2-success-line-long',
+    '.swal2-x-mark-line-left',
+    '.swal2-x-mark-line-right',
+  ]) {
     dom.setStyle(icon, sel, 'backgroundColor', params.iconColor)
   }
   dom.setStyle(icon, '.swal2-success-ring', 'borderColor', params.iconColor)

package/src/utils/dom/renderers/renderInput.js

@@ -1,5 +1,5 @@
 import { swalClasses } from '../../classes.js'
-import { warn, error, isPromise } from '../../utils.js'
+import { error, isPromise, warn } from '../../utils.js'
 import * as dom from '../../dom/index.js'
 import privateProps from '../../../privateProps.js'
 
@@ -36,7 +36,9 @@ export const renderInput = (instance, params) => {
 
 const showInput = (params) => {
   if (!renderInputType[params.input]) {
-    return error(`Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "${params.input}"`)
+    return error(
+      `Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "${params.input}"`
+    )
   }
 
   const inputContainer = getInputContainer(params.input)
@@ -105,21 +107,24 @@ const getInputContainer = (inputType) => {
 const renderInputType = {}
 
 renderInputType.text =
-renderInputType.email =
-renderInputType.password =
-renderInputType.number =
-renderInputType.tel =
-renderInputType.url = (input, params) => {
-  if (typeof params.inputValue === 'string' || typeof params.inputValue === 'number') {
-    input.value = params.inputValue
-  } else if (!isPromise(params.inputValue)) {
-    warn(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof params.inputValue}"`)
-  }
-  setInputLabel(input, input, params)
-  setInputPlaceholder(input, params)
-  input.type = params.input
-  return input
-}
+  renderInputType.email =
+  renderInputType.password =
+  renderInputType.number =
+  renderInputType.tel =
+  renderInputType.url =
+    (input, params) => {
+      if (typeof params.inputValue === 'string' || typeof params.inputValue === 'number') {
+        input.value = params.inputValue
+      } else if (!isPromise(params.inputValue)) {
+        warn(
+          `Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof params.inputValue}"`
+        )
+      }
+      setInputLabel(input, input, params)
+      setInputPlaceholder(input, params)
+      input.type = params.input
+      return input
+    }
 
 renderInputType.file = (input, params) => {
   setInputLabel(input, input, params)
@@ -172,10 +177,13 @@ renderInputType.textarea = (textarea, params) => {
   setInputPlaceholder(textarea, params)
   setInputLabel(textarea, textarea, params)
 
-  const getMargin = (el) => parseInt(window.getComputedStyle(el).marginLeft) + parseInt(window.getComputedStyle(el).marginRight)
+  const getMargin = (el) =>
+    parseInt(window.getComputedStyle(el).marginLeft) + parseInt(window.getComputedStyle(el).marginRight)
 
-  setTimeout(() => { // #2291
-    if ('MutationObserver' in window) { // #1699
+  // https://github.com/sweetalert2/sweetalert2/issues/2291
+  setTimeout(() => {
+    // https://github.com/sweetalert2/sweetalert2/issues/1699
+    if ('MutationObserver' in window) {
       const initialPopupWidth = parseInt(window.getComputedStyle(dom.getPopup()).width)
       const textareaResizeHandler = () => {
         const textareaWidth = textarea.offsetWidth + getMargin(textarea)
@@ -186,7 +194,8 @@ renderInputType.textarea = (textarea, params) => {
         }
       }
       new MutationObserver(textareaResizeHandler).observe(textarea, {
-        attributes: true, attributeFilter: ['style']
+        attributes: true,
+        attributeFilter: ['style'],
       })
     }
   })

package/src/utils/dom/renderers/renderPopup.js

@@ -6,7 +6,8 @@ export const renderPopup = (instance, params) => {
   const popup = dom.getPopup()
 
   // Width
-  if (params.toast) { // #2170
+  // https://github.com/sweetalert2/sweetalert2/issues/2170
+  if (params.toast) {
     dom.applyNumericalStyle(container, 'width', params.width)
     popup.style.width = '100%'
     popup.insertBefore(dom.getLoader(), dom.getIcon())

package/src/utils/dom/renderers/renderProgressSteps.js

@@ -29,7 +29,7 @@ export const renderProgressSteps = (instance, params) => {
   if (params.currentProgressStep >= params.progressSteps.length) {
     warn(
       'Invalid currentProgressStep parameter, it should be less than progressSteps.length ' +
-      '(currentProgressStep like JS arrays starts from 0)'
+        '(currentProgressStep like JS arrays starts from 0)'
     )
   }
 

package/src/utils/getTemplateParams.js

@@ -1,5 +1,5 @@
 import defaultParams from './params.js'
-import { toArray, capitalizeFirstLetter, warn } from './utils.js'
+import { capitalizeFirstLetter, toArray, warn } from './utils.js'
 
 const swalStringParams = ['swal-title', 'swal-html', 'swal-footer']
 
@@ -19,7 +19,7 @@ export const getTemplateParams = (params) => {
     getSwalImage(templateContent),
     getSwalIcon(templateContent),
     getSwalInput(templateContent),
-    getSwalStringParams(templateContent, swalStringParams),
+    getSwalStringParams(templateContent, swalStringParams)
   )
   return result
 }
@@ -188,7 +188,11 @@ const showWarningsForAttributes = (el, allowedAttributes) => {
     if (allowedAttributes.indexOf(attribute.name) === -1) {
       warn([
         `Unrecognized attribute "${attribute.name}" on <${el.tagName.toLowerCase()}>.`,
-        `${allowedAttributes.length ? `Allowed attributes are: ${allowedAttributes.join(', ')}` : 'To set the value, use HTML within the element.'}`
+        `${
+          allowedAttributes.length
+            ? `Allowed attributes are: ${allowedAttributes.join(', ')}`
+            : 'To set the value, use HTML within the element.'
+        }`,
       ])
     }
   })

package/src/utils/iosFix.js

@@ -5,8 +5,10 @@ import { swalClasses } from '../utils/classes.js'
 // Fix iOS scrolling http://stackoverflow.com/q/39626302
 
 export const iOSfix = () => {
-  // @ts-ignore
-  const iOS = (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
+  const iOS =
+    // @ts-ignore
+    (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) ||
+    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
   if (iOS && !dom.hasClass(document.body, swalClasses.iosfix)) {
     const offset = document.body.scrollTop
     document.body.style.top = `${offset * -1}px`
@@ -32,7 +34,10 @@ const addBottomPaddingForTallPopups = () => {
   }
 }
 
-const lockBodyScroll = () => { // #1246
+/**
+ * https://github.com/sweetalert2/sweetalert2/issues/1246
+ */
+const lockBodyScroll = () => {
   const container = dom.getContainer()
   let preventTouchMove
   container.ontouchstart = (e) => {
@@ -79,7 +84,13 @@ const isStylus = (event) => {
   return event.touches && event.touches.length && event.touches[0].touchType === 'stylus'
 }
 
-const isZoom = (event) => { // #1891
+/**
+ * https://github.com/sweetalert2/sweetalert2/issues/1891
+ *
+ * @param {TouchEvent} event
+ * @returns {boolean}
+ */
+const isZoom = (event) => {
   return event.touches && event.touches.length > 1
 }
 
@@ -88,6 +99,6 @@ export const undoIOSfix = () => {
     const offset = parseInt(document.body.style.top, 10)
     dom.removeClass(document.body, swalClasses.iosfix)
     document.body.style.top = ''
-    document.body.scrollTop = (offset * -1)
+    document.body.scrollTop = offset * -1
   }
 }

package/src/utils/params.js

@@ -87,7 +87,7 @@ export const defaultParams = {
   willClose: undefined,
   didClose: undefined,
   didDestroy: undefined,
-  scrollbarPadding: true
+  scrollbarPadding: true,
 }
 
 export const updatableParams = [
@@ -147,7 +147,7 @@ const toastIncompatibleParams = [
   'focusCancel',
   'returnFocus',
   'heightAuto',
-  'keydownListenerCapture'
+  'keydownListenerCapture',
 ]
 
 /**