Unable to hide modal from component

[aliqasemzadeh]

Unable to hide modal from component

[aliqasemzadeh]

I think you miss : https://github.com/alighasemzadeh/livewire-bootstrap-modal#modal-views

[michele-grifa]

I already had the correct modal view, in fact the modal open normally and works.

[aliqasemzadeh]

Please share your code with me.

[michele-grifa]

Update: i re-checked the code and I noticed that I was emitting another event instead of the showModal. Now the code is correct, but when I try to show a modal I get the following error in the console:

undefined is not an object (evaluating 'this._config.backdrop')

After this error the modal is added to the dom and I see only a blur.

Modal Livewire Component

<div>
    <div id='modal_consegna_test' class="modal" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modifica Consegna TEST</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>TEST</h5>
                </div>
            </div>
        </div>
    </div>
</div>

[aliqasemzadeh]

@michele-grifa
Check this example and JS in resource that I build for BAP.
https://github.com/alighasemzadeh/bap/blob/master/resources/views/livewire/admin/user/edit.blade.php