Provide a config option to remove the use of "swal2-height-auto" in Swal2's CSS about razor.sweetalert2 HOT 9 CLOSED

I didint worked to me.. missed to mention im using angular 8 .

Wish to try setting heightAuto to false, in params.. it seems it does the trick, seems more polite solution.
Thanks anyway

from razor.sweetalert2.

No worries.

You could still offer a config option in the blazor library though?

I've actually managed to work around it by including a CSS file right at the end of my Blazor host file that contains this

body.swal2-height-auto {
  height: 100% !important
}

If the blazor lib had a config option that could enable/disable this simple rule after SWAL's main CSS was loaded, then that would solve thew problem.

from razor.sweetalert2.

The way I solved it was as follows:

I added

body.swal2-height-auto {
  height: 100% !important
}

To my site-wide style sheet AFTER I loaded the swal base CSS

from razor.sweetalert2.

try inline style
body style="height: 100vh!important;"
it works for me

from razor.sweetalert2.

For anyone coming from Google, this was fixed two years prior to the creation of the issue, at least in the upstream library.

See: sweetalert2/sweetalert2#1111 (comment)

from razor.sweetalert2.

This appears to be the behavior of the SweetAlert2 JavaScript library. This library is just a wrapper to call the JavaScript library with a C# interface in Blazor.

Please raise an issue in the https://github.com/sweetalert2/sweetalert2 repo.

from razor.sweetalert2.

It is not my intention for this library to add or alter any functionality apart from what the upstream library offers. It is intended only as a .NET interface over the JavaScript library. Users shouldn't see any additional or different behavior than what they'd get if they'd used the JavaScript library.

from razor.sweetalert2.

Im having the same issue...

swal2-height-auto breaks my layout

iḿ using 9.17.1

from razor.sweetalert2.

Try adding this to the end of the document.
<script> document.body.classList.remove('swal2-height-auto'); </script>

from razor.sweetalert2.