The input tag is long beyond the modal.

[Ekaphong Tangtrakul]

The input tag is long beyond the modal.
Screenshort:

[Billal Fauzan]

Hello, after I checked the following page https://zuramai.github.io/mazer/demo/extra-component-sweetalert.html, I didn't find a long input size. Take a look at the following screenshot...

Try doing the following steps

1. Refresh your browser page
2. Try updating the repository by running the git pull command

[hersag]

@bilal it looks fine in dark mode. try the light mode to see it.
btw, other alert inputs have the same problem too

[Billal Fauzan]

mazer/src/assets/static/js/pages/sweetalert2.js

Line 3 in 6e181b6

 input: 'form-control' 

After just checking, it is true that there is a bug in light mode. Please open the file assets/static/js/pages/sweetalert2.js there is a customClass for input. If you delete customClass input or delete the contents of customClass > input then the bug will disappear.

const Swal2 = Swal.mixin({
  customClass: {
    input: 'form-control'
  }
})

then change the code above to:

const Swal2 = Swal.mixin({
  customClass: {
    input: ''
  }
})

I haven't found another solution yet.

[Billal Fauzan]

Another alternative is to change the width of the .form-control class to initial. An example is like this

.form-control {
   width: 100%;
}

then change it to

.form-control {
   width: initial;
}