Search code examples
javascriptsafarisweetalertsweetalert2

JS SweetAlert2 not working in Safari Browser

I have implemented sweetalert2, in chrome, firefox, and in microsoft edge they work great! However in safari the alert never even shows and also jams up the site and makes it unusable. Is there any known issues with this or workarounds that I should be doing?

Its essential to the functionality of the site since they contain buttons and actions. So I cant just bypass it if the browser is safari.

EDIT: Turns out I am getting ReferenceError: Can't find variable: Promise in sweetalert.js on line 827.

Any ideas? Thank you!

My current code implementation:
welcome.blade.php

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.css"/>
.
..
...    
function loadalert(){
        swal({
            title: 'Welcome to my website!',
            html: 'test message!',
            type: 'info',
            showCancelButton: false,
            confirmButtonText: 'Proceed'
        }).then(function () {

        });
    }
.
..
...
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.js"></script>
<script src="{{asset('/plugins/sweetalert/sweetalert2.js')}}" type="text/javascript"></script>
Solution

  • Ok after some digging and testing I found the answer. If sweetalert2 does not work for safari they have a include you can call for more browser support which is:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

    Please read for more information

    https://github.com/sweetalert2/sweetalert2#usage