Respond immediately to tap on option in inputOptions

[peterlondon1]

New feature motivation

Cut out one tap/click

New feature description

Is there any way to respond to the tap/click on one of the choices in an inputOptions pulldown list directly, rather than when the OK (or cancel) buttons are tapped?

[limonte]

That'd be a bad UX, but here you go in case you want to annoy your users 😄

Swal.fire({
  input: 'select',
  inputOptions: {
    apples: 'Apples',
    bananas: 'Bananas',
  },
  didOpen: () => {
    const select = Swal.getInput()
    select.addEventListener('change', () => {
      Swal.clickConfirm()
    })
  },
})

[peterlondon1]

Thanks so much, but -why- would that be bad UI? If the choice is non-destructive and the user is also allowed to tap outside the sweetalert box to cancel? Peter

…

On 25 Apr 2024, at 08:06, Limon Monte ***@***.***> wrote: That'd be a bad UX, but here you go in case you want to annoy your users 😄 Swal.fire({ input: 'select', inputOptions: { apples: 'Apples', bananas: 'Bananas', }, didOpen: () => { const select = Swal.getInput() select.addEventListener('change', () => { Swal.clickConfirm() }) }, }) — Reply to this email directly, view it on GitHub <#2725 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACMMMLLXUOI34SPUZ7NYOTY7CTQZAVCNFSM6AAAAABGYH45UWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZWGUYTEOBVG4>. You are receiving this because you authored the thread.