Hice un cuadro de alerta usando Sweetalert2, sin embargo, las teclas de flecha no funcionan. Quiero poder usar las teclas de flecha para elegir entre sí y no. Funciona en el sitio usando sus demostraciones, pero no con mi código. Aquí está el fragmento:
Swal.fire({ width: '32rem', title: ' Incoming Call!', text: "Take it?", showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes', cancelButtonText: 'No' }).then((result) => { if (result.isConfirmed) { } }) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- <meta name="viewport" content="width=1980, height=1080"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Title</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.0/dist/sweetalert2.all.min.js"></script>Solucionado : Cambió CancelButton a DenyButton. Por alguna extraña razón, funciona con el botón Denegar pero no con el botón Cancelar.
En realidad, se trataba de un error en la biblioteca y lo solucioné en la última versión:https://github.com/sweetalert2/sweetalert2/releases/tag/v11.4.2
Actualice su dependencia y las teclas de flecha funcionarán correctamente con los botones Confirmar y Cancelar.