The input tag is long beyond the modal. about mazer HOT 4 CLOSED

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

from mazer.

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

from mazer.

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.

from mazer.

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;
}

from mazer.