Turbolinks support

[giddyos]

This package doesn't work with turbolinks enabled because I keep getting Uncaught TypeError: Livewire.on is not a function. I tried out a similar package https://github.com/lao9s/livewire-modal-twitter, and it works fine with turbolinks. Any fix?

[putera]

I had the same issue.

[Nurify]

php artisan vendor:publish --tag=livewire-ui-modal-config
'include_js' => false

in any js file:

show = false; 
require('vendor/wire-elements/modal/resources/js/modal');

[MACscr]

shouldnt this be managed by wepback? i dont have any raw js files

[dhruva81]

I am also facing same issue. Kindly help.

[nickturrietta]

Ran into this today.

I solved by setting include_js to false in the config, and using my own modified modal.js in which I wrapped the contents of the init() method with setTimeout. ie..

init() {
    setTimeout( () => {
        this.modalWidth = this.getActiveComponentModalAttribute('maxWidthClass');

        Livewire.on('closeModal', (force = false, skipPreviousModals = 0, destroySkipped = false) => {
            this.closeModal(force, skipPreviousModals, destroySkipped);
        });

        Livewire.on('activeModalComponentChanged', (id) => {
            this.setActiveModalComponent(id);
        });
   }, 0);
}