Multiple instances of modaal issue about modaal HOT 3 OPEN

You should probably share your code.

from modaal.

I had to change the library to generate the modals because I was in a hurry to finish the project, however it is as simple as declaring two different instances of modaal. Something like:

$ ('. my-first-selector'). modaal ({args});
$ ('. my-second-selector'). modaal ({args});

The error occurs when I open the modal $ ('. my-first-modal') and then, without closing the first one, I open the modal $ ('. my-second-modal');

It allows me to close the last one but afterwards the first one cannot be closed anymore.
Thanks!!

from modaal.

I'm experiencing the same issue — I have a global modal, in which there's a link to launch a second (video) modal on top. I can close the video modal, but the original modal then fails to close at all and I need to refresh.

I've tried forcing it via callbacks on the second modal, but it ends up launching multiple instances of the first.

// Initialize first modal
// --------------------------------------------------

jQuery(function($){
	$('.trigger__modal--first').modaal({
		custom_class: 'modal--first'
	});
});


// Initialize second modal
// --------------------------------------------------

jQuery(function($){
	$('.trigger__modal--second').modaal({
		custom_class: 'modal--second',
		type: 'video',
		after_open: function() {
			$('.trigger__modal--first').modaal('close');
		},
		after_close: function() {
			$('.trigger__modal--first').modaal('open');
		}
	});
});

from modaal.