Modal not close totally - Bug with BackDrop

[ibandim123]

I There! I using Bootstrap v4.6.* version and when used Ajax JQuery requesition done with success i call the bootstrap function for close modal:

$("#myModal").modal('hide');

but after this function, the window buttons no worked anymore and tree elements appears the "

" he not close. I don't why this happen.

$.ajax({
            url: $(this).attr('action').replace("indicadorEstrategicoId", id),
            method: "POST",
            data: updateIndicadorEstrategicoDados,
            processData: false,
            contentType: false,
            beforeSend: function() {
                //$(document).find('span.error-text').text('');
            },
            success: function(e) {

                $("#updateIndicadorEstrategico").modal('hide');

            },
            error: function(e) {
                data = e.responseJSON;

                $.each(JSON.parse(data.errors), function(index, value) {
                    $(`[name="${index}"]`).addClass('is-invalid');
                    $(`.${index}_update_error`).html(value);
                });

                $(`#btnSalvarIndicadorEstrategicoUpdate`).prop("disabled", false);
                $(`#btnSalvarIndicadorEstrategicoUpdate`).html(`Salvar`);
            }
        });

Someone have idea?

[patkon]

You can try to remove the class 'in' before you hide the modal.

 $("#updateIndicadorEstrategico").removeClass('in');
 $("#updateIndicadorEstrategico").modal('hide');

Edit: Here's a function:
https://stackoverflow.com/questions/23677765/bootstrap-modal-hide-is-not-working

function hideModal() {
  $("#myModal").removeClass("in");
  $(".modal-backdrop").remove();
  $('body').removeClass('modal-open');
  $('body').css('padding-right', '');
  $("#myModal").hide();
}

[ibandim123]

I will try this.